@cube-dev/ui-kit 0.207.0 → 0.209.0

package/dist/components/content/InlineInput/InlineInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"InlineInput.js","names":["useControlledState","BaseProps","BLOCK_STYLES","BlockStyleProps","COLOR_STYLES","ColorStyleProps","filterBaseProps","OUTER_STYLES","OuterStyleProps","Styles","tasty","forwardRef","useEffect","useImperativeHandle","useLayoutEffect","useRef","useState","FocusScope","PositionProps","useFocusRing","useFocusWithin","useEvent","mergeProps","extractStyles","mergeStyleLayers","AutoTooltipValue","useAutoTooltip","ChangeEvent","HTMLAttributes","KeyboardEvent","MouseEvent","ReactNode","RefObject","CubeInlineInputEditTrigger","CubeInlineInputProps","value","defaultValue","onChange","isEditing","defaultIsEditing","onEditingChange","onSubmit","Promise","onCancel","editTrigger","keyboardActivation","submitOnBlur","trimOnSubmit","allowEmpty","isDisabled","isReadOnly","isStyled","placeholder","autoComplete","renderDisplay","tooltip","tooltipPlacement","inputStyles","CubeInlineInputRef","startEditing","stopEditing","submit","focus","getValue","InlineInputRoot","as","styles","display","alignItems","styled","verticalAlign","position","width","boxSizing","color","preset","cursor","fill","border","outline","outlineOffset","radius","focused","padding","height","transition","Display","whiteSpace","overflow","textOverflow","Input","recipe","textAlign","Measure","visibility","pointerEvents","Placeholder","STYLE_PROPS","PROGRAMMATIC_EDIT_BLUR_GRACE_MS","InlineInput","allProps","ref","$","_c","valueProp","isEditingProp","t0","t1","t2","t3","t4","t5","t6","t7","t8","t9","ariaLabel","ariaLabelledby","qa","qaVal","stylesProp","mods","customMods","tokens","customTokens","otherProps","undefined","isControlled","inputRef","measureRef","rootRef","setValue","setIsEditing","optimisticValue","setOptimisticValue","displayedValue","draft","setDraft","inputWidth","setInputWidth","isFocusWithin","setIsFocusWithin","ringSuppressed","setRingSuppressed","submitTokenRef","programmaticEditStartRef","pendingRestoreFocusRef","isEditingRef","t10","t11","current","t12","Symbol","for","t13","t14","enterEditing","t15","canRestoreFocus","t16","rawValue","t17","restoreFocus","next","trim","token","result","then","_temp","commit","t18","restoreFocus_0","cancel","t19","t20","t21","select","t22","t23","root","active","ownerDocument","activeElement","focusLost","body","contains","t24","measure","scrollWidth","t25","t26","e","key","preventDefault","stopPropagation","handleKeyDown","t27","e_0","target","handleInputChange","isFocusVisible","focusProps","focusRingProps","t28","within","t29","onFocusWithinChange","onBlurWithin","active_0","startedAt","Date","now","requestAnimationFrame","focusWithinProps","t30","e_1","handleDblClick","t31","e_2","handleClick","t32","e_3","handleRootKeyDown","t33","t34","wasEditing","t35","isEditable","showFocusRing","t36","editing","editable","disabled","empty","mergedStyles","extractedStyles","t37","t38","t39","displayContent","baseProps","eventProps","t40","t41","children","labelRef","tooltipLabelRef","renderWithTooltip","wantsClick","wantsDblClick","wantsKeyboard","renderRoot","triggerProps","tooltipRef","handleRootRef","element","HTMLElement","handleDisplayRef","element_0","a11yProps","tabIndex","role","onDoubleClick","onClick","onKeyDown","_c","mergeProps"],"sources":["../../../../src/components/content/InlineInput/InlineInput.tsx"],"sourcesContent":["import { useControlledState } from '@react-stately/utils';\nimport {\n  BaseProps,\n  BLOCK_STYLES,\n  BlockStyleProps,\n  COLOR_STYLES,\n  ColorStyleProps,\n  filterBaseProps,\n  OUTER_STYLES,\n  OuterStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  FocusScope,\n  PositionProps,\n  useFocusRing,\n  useFocusWithin,\n} from 'react-aria';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles, mergeStyleLayers } from '../../../utils/styles';\nimport { AutoTooltipValue, useAutoTooltip } from '../use-auto-tooltip';\n\nimport type {\n  ChangeEvent,\n  HTMLAttributes,\n  KeyboardEvent,\n  MouseEvent,\n  ReactNode,\n  RefObject,\n} from 'react';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type CubeInlineInputEditTrigger = 'dblclick' | 'click' | 'none';\n\nexport interface CubeInlineInputProps\n  extends BaseProps, BlockStyleProps, OuterStyleProps, ColorStyleProps {\n  /** Controlled value. When provided, the component is controlled. */\n  value?: string;\n  /** Initial value for uncontrolled usage. */\n  defaultValue?: string;\n  /**\n   * Fires on commit *only when the value actually changed*. Use this to update\n   * external state. Pair with `value` for the controlled pattern.\n   */\n  onChange?: (value: string) => void;\n\n  /** Controlled editing state. When provided, the editing state is controlled. */\n  isEditing?: boolean;\n  /** Default editing state for uncontrolled usage. */\n  defaultIsEditing?: boolean;\n  /** Called when editing mode starts or ends. */\n  onEditingChange?: (isEditing: boolean) => void;\n\n  /**\n   * Fires every time the user commits (Enter / submit-on-blur / `ref.stopEditing(true)`),\n   * even if the value did not change. Use for side effects like analytics or\n   * \"save\" toasts. For state updates, prefer `onChange`.\n   *\n   * May return a Promise. If the returned Promise **rejects**, the component\n   * automatically reverts its optimistic display to the actual `value` prop —\n   * this gives async-save flows free rollback on failure (in controlled mode).\n   */\n  onSubmit?: (value: string) => void | Promise<unknown>;\n  /** Called when editing is cancelled (Escape or empty submit when `allowEmpty` is false). */\n  onCancel?: () => void;\n\n  /** How edit mode is activated from the display element. Default: `'dblclick'`. */\n  editTrigger?: CubeInlineInputEditTrigger;\n  /**\n   * When true (default) the display element is keyboard-focusable and\n   * responds to `Enter`, `F2` and `Space` by entering edit mode. Set to\n   * `false` when a host (e.g. an editable tab inside a button) already\n   * routes keyboard activation through `ref.startEditing()` — exposing the\n   * display element as a separate tab stop would create a nested keyboard\n   * focus inside the host.\n   *\n   * @default true\n   */\n  keyboardActivation?: boolean;\n  /** Whether to submit when focus leaves the input. Default: `true`. */\n  submitOnBlur?: boolean;\n  /** Whether to trim the value on submit. Default: `true`. */\n  trimOnSubmit?: boolean;\n  /** When false, submitting an empty/whitespace value cancels instead. Default: `false`. */\n  allowEmpty?: boolean;\n  /** When true, edit mode cannot be entered (programmatically or otherwise). */\n  isDisabled?: boolean;\n  /** When true, edit mode cannot be entered, but the display reads as enabled. */\n  isReadOnly?: boolean;\n\n  /**\n   * When true, applies a styled wrapper to the component (border, fill, padding,\n   * fixed height) so it visually matches a `TextInput`. Useful when swapping a\n   * field component (e.g. `Select`) for an `InlineInput` to rename / edit the\n   * current value without a visual jump.\n   *\n   * @default false\n   */\n  isStyled?: boolean;\n\n  /** Placeholder text shown in the input when the draft is empty. */\n  placeholder?: string;\n  /**\n   * What kind of autofill the browser may offer for the input, as the HTML `autocomplete` token\n   * (`email`, `off`, …). See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete).\n   */\n  autoComplete?: string;\n  /** Custom render for display (non-editing) mode. Receives the currently-displayed value (including optimistic). */\n  renderDisplay?: (value: string) => ReactNode;\n  /** ARIA label for the input (used when no visible label is associated). */\n  'aria-label'?: string;\n  /** ARIA labelledby for the input. */\n  'aria-labelledby'?: string;\n\n  /**\n   * Tooltip behaviour for the display value:\n   * - `true` (default): auto-tooltip — show the full value when the text is truncated.\n   * - `false`: never show a tooltip.\n   * - `string`: always show this tooltip text.\n   * - object: full `TooltipProvider` configuration (with optional `auto`).\n   *\n   * The tooltip is automatically suppressed while editing and when `renderDisplay` is used.\n   */\n  tooltip?: AutoTooltipValue;\n  /** Default tooltip placement. @default 'top' */\n  tooltipPlacement?: PositionProps['placement'];\n\n  /** Convenience prop for styling the `Input` sub-element. Merged into `styles.Input`. */\n  inputStyles?: Styles;\n}\n\nexport interface CubeInlineInputRef {\n  /** Programmatically enter edit mode. */\n  startEditing(): void;\n  /** Programmatically exit edit mode. `submit=true` commits, `submit=false` cancels. Defaults to commit. */\n  stopEditing(submit?: boolean): void;\n  /** Focus the underlying element (input when editing, root span otherwise). */\n  focus(): void;\n  /** Current committed value (includes optimistic value if a parent hasn't synced yet). */\n  getValue(): string;\n}\n\n// =============================================================================\n// Styled element\n// =============================================================================\n\nconst InlineInputRoot = tasty({\n  as: 'span',\n  styles: {\n    // `inline-flex` with `alignItems: baseline` is used (instead of\n    // `inline-block` + `overflow: hidden`) so the container's baseline comes\n    // from the first flex item's content baseline. With `inline-block` +\n    // `overflow: hidden`, the CSS spec forces the baseline to the bottom\n    // margin edge, which visibly shifts the text upward inside surrounding\n    // line boxes (notably inside Tabs' centered `Item.Label`).\n    display: 'inline-flex',\n    alignItems: {\n      '': 'baseline',\n      styled: 'center',\n    },\n    verticalAlign: {\n      '': 'baseline',\n      styled: 'middle',\n    },\n    position: 'relative',\n    width: 'initial 100%',\n    boxSizing: 'border-box',\n    color: {\n      '': 'inherit',\n      styled: '#dark-02',\n      'styled & disabled': '#dark.30',\n    },\n    preset: {\n      '': 'inherit',\n      styled: 't3',\n    },\n    cursor: {\n      '': 'inherit',\n      'editable & !editing': 'text',\n    },\n    fill: {\n      '': '#clear',\n      styled: '#surface',\n      'styled & disabled': '#disabled-surface',\n    },\n    border: {\n      '': false,\n      styled: true,\n      'styled & focused': '#primary-text',\n      'styled & disabled': true,\n    },\n    // Focus ring. Shown when the display element is keyboard-focused\n    // (driven on the React side by `isFocusVisible`) and *always* while\n    // editing — so swapping into the input always presents a clear focus\n    // indicator regardless of how the user activated it (click vs keyboard).\n    // In `styled` mode the border colour transition is enough to indicate\n    // focus (matching `TextInput`'s visual), so the outline is suppressed.\n    // Outline doesn't take layout space and respects rounded corners via\n    // `outlineOffset`.\n    outline: {\n      '': '$ring-width #primary.0',\n      'focused & !styled': '$ring-width #primary',\n    },\n    outlineOffset: '$outline-offset',\n    radius: {\n      '': 0,\n      focused: true,\n      styled: true,\n    },\n    padding: {\n      '': 0,\n      styled: '(.75x - 1bw) (1x - 1bw)',\n    },\n    height: {\n      '': 'auto',\n      styled: '$size-md',\n    },\n    transition: 'theme',\n\n    // Display flex item: owns the truncation (`overflow: hidden` here is a\n    // block-level rule that does *not* alter the parent's baseline, unlike\n    // an `inline-block` overflow rule).\n    Display: {\n      display: 'block',\n      whiteSpace: 'nowrap',\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      width: 'initial 100%',\n      preset: 'inherit',\n      color: 'inherit',\n    },\n\n    Input: {\n      recipe: 'reset input / input-autofill',\n      preset: 'inherit',\n      color: 'inherit',\n      fill: '#clear',\n      textAlign: 'left',\n      // In `styled` mode the wrapper has a fixed size and we want the input\n      // to fill it (matches `TextInput`). In the default inline mode the\n      // input auto-sizes to its content via `$input-width`.\n      width: {\n        '': '1em $input-width 100%',\n        styled: '0 100% initial',\n      },\n      '&::placeholder': { recipe: 'input-placeholder' },\n    },\n\n    Measure: {\n      position: 'absolute',\n      visibility: 'hidden',\n      pointerEvents: 'none',\n      whiteSpace: 'pre',\n      preset: 'inherit',\n      height: 0,\n      overflow: 'hidden',\n    },\n\n    Placeholder: {\n      recipe: 'input-placeholder',\n      preset: 'inherit',\n    },\n  },\n});\n\nconst STYLE_PROPS = [...BLOCK_STYLES, ...OUTER_STYLES, ...COLOR_STYLES];\n\n// Grace window after a programmatic `startEditing()` during which a blur\n// re-focuses the input rather than committing. ~500ms covers the\n// Menu/Popover EXIT_DURATION (350ms in `Overlay.tsx`) with margin, since a\n// host that starts editing from a closing overlay is the case that needs the\n// widest window.\nconst PROGRAMMATIC_EDIT_BLUR_GRACE_MS = 500;\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/**\n * Inline editable text. Renders the value as inline content by default and\n * swaps to an auto-sizing text input when entering edit mode.\n *\n * Designed to drop into any text context (tab title, heading, paragraph,\n * table cell) without style customization: typography, color, and font family\n * are all inherited from the parent.\n *\n * Value and `isEditing` can each be controlled or uncontrolled independently.\n * Programmatic entry via the imperative ref (`startEditing`/`stopEditing`)\n * works regardless of `editTrigger`.\n */\nexport const InlineInput = forwardRef<CubeInlineInputRef, CubeInlineInputProps>(\n  function InlineInput(allProps, ref) {\n    const {\n      value: valueProp,\n      defaultValue,\n      onChange,\n      isEditing: isEditingProp,\n      defaultIsEditing,\n      onEditingChange,\n      onSubmit,\n      onCancel,\n      editTrigger = 'dblclick',\n      keyboardActivation = true,\n      submitOnBlur = true,\n      trimOnSubmit = true,\n      allowEmpty = false,\n      isDisabled = false,\n      isReadOnly = false,\n      isStyled = false,\n      placeholder,\n      autoComplete,\n      renderDisplay,\n      tooltip = true,\n      tooltipPlacement = 'top',\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      qa,\n      qaVal,\n      styles: stylesProp,\n      inputStyles,\n      mods: customMods,\n      tokens: customTokens,\n      ...otherProps\n    } = allProps;\n\n    const isControlled = valueProp !== undefined;\n\n    const inputRef = useRef<HTMLInputElement>(null);\n    const measureRef = useRef<HTMLSpanElement>(null);\n    const rootRef = useRef<HTMLSpanElement>(null);\n\n    const [value, setValue] = useControlledState<string>(\n      valueProp as string,\n      (defaultValue ?? '') as string,\n      onChange,\n    );\n\n    const [isEditing, setIsEditing] = useControlledState<boolean>(\n      isEditingProp as boolean,\n      (defaultIsEditing ?? false) as boolean,\n      onEditingChange,\n    );\n\n    // Optimistic value. Holds the just-committed value while we wait for the\n    // (potentially async) controlled parent to sync `value`. In uncontrolled\n    // mode `value` updates immediately so this stays null after each render.\n    const [optimisticValue, setOptimisticValue] = useState<string | null>(null);\n    const displayedValue = optimisticValue ?? value;\n\n    const [draft, setDraft] = useState<string>(value);\n    const [inputWidth, setInputWidth] = useState<number | null>(null);\n\n    // Reliable focus presence for the whole component, driven by\n    // `useFocusWithin` (which, unlike `useFocusRing`/`useFocus` on a bare\n    // span, has an element-removal fallback). Used to gate the display focus\n    // ring so it can never get stuck on after editing ends or after focus\n    // moves to another component.\n    const [isFocusWithin, setIsFocusWithin] = useState(false);\n\n    // Suppresses the display focus ring for a single programmatic focus\n    // restore (when we return focus to the display span after a keyboard /\n    // programmatic edit-end). Reset whenever focus truly leaves the component\n    // so a later real keyboard Tab back shows the ring again.\n    const [ringSuppressed, setRingSuppressed] = useState(false);\n\n    // Token to invalidate in-flight onSubmit promises if a newer commit /\n    // re-entry happens before they settle.\n    const submitTokenRef = useRef(0);\n\n    // Timestamp of the most recent programmatic `startEditing()` call (via\n    // the imperative ref). Used to defeat a focus-theft race: something else\n    // takes focus in the same tick the input mounts, and the resulting blur\n    // would fire `submitOnBlur` and unmount the input the user just opened.\n    //\n    // The thief varies by host — a host's own focus restoration (`TabButton`\n    // re-focuses the tab button when editing ends), a collection's focus\n    // manager, or an overlay closing around the `startEditing()` call. It is\n    // NOT the closing `Menu` popover: `MenuTrigger` leaves focus alone once\n    // an action has moved it (see CUB-3962). The guard is host-agnostic on\n    // purpose — the imperative path cannot know who else wants focus.\n    //\n    // Cleared on first user interaction inside the input (`handleInputChange`\n    // / `handleKeyDown`) and on leaving editing mode, so any later blur\n    // commits normally.\n    const programmaticEditStartRef = useRef<number | null>(null);\n\n    // Set when an edit-end should return focus to the display span (keyboard\n    // Enter/Escape, imperative `stopEditing`). NOT set for submit-on-blur /\n    // tab-away, where focus has already moved elsewhere. Consumed by a layout\n    // effect after the display span re-mounts.\n    const pendingRestoreFocusRef = useRef(false);\n\n    // Synchronous mirror of `isEditing`. We need this because cancel/commit\n    // call user callbacks (`onCancel`/`onSubmit`) that may synchronously\n    // re-focus another element — that causes a synchronous blur on the\n    // input which would otherwise re-enter `commit` via `onBlurWithin` (the\n    // state update from `setIsEditing(false)` isn't committed yet, so the\n    // closure still sees `isEditing === true`).\n    //\n    // The ref is kept in sync via `useLayoutEffect` so concurrent renders\n    // that get thrown away don't leak a stale value into the next commit.\n    const isEditingRef = useRef(isEditing);\n\n    useLayoutEffect(() => {\n      isEditingRef.current = isEditing;\n    }, [isEditing]);\n\n    // Clear the optimistic value once `value` catches up or changes externally.\n    useEffect(() => {\n      setOptimisticValue(null);\n    }, [value]);\n\n    const enterEditing = useEvent(() => {\n      if (isDisabled || isReadOnly || isEditing) return;\n      // Invalidate any in-flight onSubmit promise — its outcome no longer\n      // matters because the user is about to commit a new value anyway.\n      submitTokenRef.current += 1;\n      isEditingRef.current = true;\n      // Start from the actual prop value, not optimistic — gives the user a\n      // way to recover if a previous commit was rejected by the parent.\n      setOptimisticValue(null);\n      setDraft(value);\n      setIsEditing(true);\n    });\n\n    // Whether an edit-end should return focus to the display span. Only when\n    // this component owns its own keyboard/focus story (standalone usage).\n    // Hosts that drive editing through `ref.startEditing()` with\n    // `keyboardActivation={false}` (e.g. `Tabs`) keep ownership of focus.\n    const canRestoreFocus = () =>\n      keyboardActivation &&\n      editTrigger !== 'none' &&\n      !isDisabled &&\n      !isReadOnly;\n\n    const commit = useEvent((rawValue: string, restoreFocus = true) => {\n      // Re-entry guard. `onSubmit`/`onCancel` may synchronously refocus and\n      // trigger another blur-driven commit before the state update lands.\n      if (!isEditingRef.current) return;\n\n      const next = trimOnSubmit ? rawValue.trim() : rawValue;\n\n      if (restoreFocus && canRestoreFocus()) {\n        pendingRestoreFocusRef.current = true;\n      }\n\n      if (!next && !allowEmpty) {\n        isEditingRef.current = false;\n        programmaticEditStartRef.current = null;\n        setIsEditing(false);\n        onCancel?.();\n\n        return;\n      }\n\n      const token = ++submitTokenRef.current;\n\n      if (isControlled) {\n        // Show the new value optimistically until the parent re-renders.\n        setOptimisticValue(next);\n      }\n      isEditingRef.current = false;\n      programmaticEditStartRef.current = null;\n      setValue(next);\n      setIsEditing(false);\n\n      const result = onSubmit?.(next);\n      // If onSubmit returns a Promise that rejects, the parent is signalling\n      // a save failure — revert the optimistic value back to the actual prop.\n      // We guard with a token so a slow rejection doesn't clobber a newer\n      // commit's optimistic display.\n      if (\n        result != null &&\n        typeof (result as Promise<unknown>).then === 'function'\n      ) {\n        (result as Promise<unknown>).then(\n          () => {},\n          () => {\n            if (submitTokenRef.current === token && isControlled) {\n              setOptimisticValue(null);\n            }\n          },\n        );\n      }\n    });\n\n    const cancel = useEvent((restoreFocus = true) => {\n      if (!isEditingRef.current) return;\n      if (restoreFocus && canRestoreFocus()) {\n        pendingRestoreFocusRef.current = true;\n      }\n      isEditingRef.current = false;\n      programmaticEditStartRef.current = null;\n      setIsEditing(false);\n      onCancel?.();\n    });\n\n    // Keep draft in sync with the external value while NOT editing.\n    useEffect(() => {\n      if (!isEditing) setDraft(value);\n    }, [value, isEditing]);\n\n    // Select all text synchronously when entering edit mode.\n    useLayoutEffect(() => {\n      if (!isEditing) return;\n      inputRef.current?.select();\n    }, [isEditing]);\n\n    // Return focus to the display span after a keyboard / programmatic\n    // edit-end so keyboard navigation continues from this control. The focus\n    // is programmatic (react-aria treats it as non-keyboard) and we set\n    // `ringSuppressed` so it does not draw a focus ring; a later real Tab to\n    // the element resets the suppression (see `onFocusWithinChange`).\n    //\n    // `onSubmit`/`onCancel` may synchronously move focus elsewhere. When the\n    // input unmounts, the browser drops focus to `<body>`, so we only restore\n    // focus to the display span when focus actually landed there (or nowhere).\n    // If a handler deliberately moved focus to another element, we leave it.\n    useLayoutEffect(() => {\n      if (isEditing || !pendingRestoreFocusRef.current) return;\n      pendingRestoreFocusRef.current = false;\n\n      const root = rootRef.current;\n      if (!root) return;\n\n      const active = root.ownerDocument.activeElement;\n      const focusLost = !active || active === root.ownerDocument.body;\n      // A handler moved focus to a real element outside this control — respect\n      // it and don't pull focus back.\n      if (!focusLost && !root.contains(active)) return;\n\n      setRingSuppressed(true);\n      root.focus();\n    }, [isEditing]);\n\n    // Measure the draft so the input width follows the typed glyphs.\n    useLayoutEffect(() => {\n      if (!isEditing) return;\n      const measure = measureRef.current;\n\n      if (!measure) return;\n      setInputWidth(measure.scrollWidth);\n    }, [isEditing, draft, placeholder]);\n\n    const handleKeyDown = useEvent((e: KeyboardEvent<HTMLInputElement>) => {\n      // User is interacting with the input — drop the post-`startEditing()`\n      // blur guard so a subsequent click-away commits normally.\n      programmaticEditStartRef.current = null;\n\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        commit(draft);\n\n        return;\n      }\n\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        cancel();\n\n        return;\n      }\n\n      // Prevent the host (e.g. Tabs) from intercepting text-editing keys.\n      if (\n        e.key === 'ArrowLeft' ||\n        e.key === 'ArrowRight' ||\n        e.key === ' ' ||\n        e.key === 'Delete' ||\n        e.key === 'Backspace'\n      ) {\n        e.stopPropagation();\n      }\n    });\n\n    const handleInputChange = useEvent((e: ChangeEvent<HTMLInputElement>) => {\n      programmaticEditStartRef.current = null;\n      setDraft(e.target.value);\n    });\n\n    // Keyboard focus-visible modality (mouse vs keyboard). Used together with\n    // `isFocusWithin` to drive the display focus ring. We rely on\n    // `useFocusWithin` (below) for the *presence* of focus because, unlike\n    // `useFocusRing`/`useFocus` on a bare span, it has an element-removal\n    // fallback — so the ring can never get stuck on after the inner input is\n    // unmounted on edit-end or after focus moves away.\n    const { isFocusVisible, focusProps: focusRingProps } = useFocusRing();\n\n    // Always enabled so it reliably reports focus presence in BOTH display\n    // and edit modes. The submit-on-blur logic is internally guarded by\n    // `isEditingRef`, so running `onBlurWithin` in display mode is a no-op.\n    const { focusWithinProps } = useFocusWithin({\n      onFocusWithinChange: (within) => {\n        setIsFocusWithin(within);\n        // Once focus truly leaves the component, clear the one-shot ring\n        // suppression so a later real keyboard Tab back shows the ring again.\n        if (!within) setRingSuppressed(false);\n      },\n      onBlurWithin: () => {\n        if (!isEditingRef.current) return;\n        if (!submitOnBlur) return;\n\n        // Spurious-blur guard. `useFocusWithin` fires a synthetic blur via its\n        // element-removal fallback when the display span unmounts as we enter\n        // edit mode (focus actually moved INTO the inner input). Ignore it if\n        // focus is in fact still within the component.\n        const active = rootRef.current?.ownerDocument.activeElement;\n        if (active && rootRef.current?.contains(active)) return;\n\n        // Grace-period guard against focus theft right after a programmatic\n        // `startEditing()` — see `programmaticEditStartRef` for who steals it.\n        // Re-focus the input on the next frame so the focus-stealing element\n        // finishes its own handler first, then we steal focus back. The guard\n        // is cleared on the first real user interaction with the input\n        // (keydown / input change) so subsequent click-aways commit normally.\n        const startedAt = programmaticEditStartRef.current;\n        if (\n          startedAt != null &&\n          Date.now() - startedAt < PROGRAMMATIC_EDIT_BLUR_GRACE_MS &&\n          isEditingRef.current\n        ) {\n          requestAnimationFrame(() => {\n            if (isEditingRef.current) {\n              inputRef.current?.focus();\n              inputRef.current?.select();\n            }\n          });\n\n          return;\n        }\n\n        // Focus has already moved elsewhere (tab-away / click-away), so do\n        // NOT pull it back to the display span.\n        commit(draft, false);\n      },\n    });\n\n    const handleDblClick = useEvent((e: MouseEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n      enterEditing();\n    });\n\n    const handleClick = useEvent((e: MouseEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n      enterEditing();\n    });\n\n    // Keyboard activation from the display element (standalone usage).\n    // Hosts that own keyboard handling themselves should pass\n    // `keyboardActivation={false}` (see `TabButton` for an example).\n    const handleRootKeyDown = useEvent((e: KeyboardEvent<HTMLSpanElement>) => {\n      if (e.key === 'Enter' || e.key === 'F2' || e.key === ' ') {\n        e.preventDefault();\n        e.stopPropagation();\n        enterEditing();\n      }\n    });\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        startEditing: () => {\n          // Arm the grace-period blur guard for the imperative path only.\n          // Pointer-triggered entries (dblclick / click) don't suffer from\n          // the focus-theft race that motivates this guard — the user's own\n          // press is what put focus here.\n          const wasEditing = isEditingRef.current;\n          enterEditing();\n          if (!wasEditing && isEditingRef.current) {\n            programmaticEditStartRef.current = Date.now();\n          }\n        },\n        stopEditing: (submit = true) => {\n          if (!isEditingRef.current) return;\n          if (submit) commit(draft);\n          else cancel();\n        },\n        focus: () => {\n          if (isEditingRef.current) inputRef.current?.focus();\n          else rootRef.current?.focus();\n        },\n        getValue: () => displayedValue,\n      }),\n      [enterEditing, commit, cancel, draft, displayedValue],\n    );\n\n    const isEditable = editTrigger !== 'none' && !isDisabled && !isReadOnly;\n\n    // `focused` controls the visible focus indicator on the root.\n    //\n    // While editing, the inner `<input>` always has focus (FocusScope\n    // `autoFocus`), so we show the focus indicator on the root regardless\n    // of how the user activated edit mode (click vs keyboard).\n    //\n    // In display mode we show the indicator only on keyboard focus\n    // (`isFocusVisible`) AND when focus is actually within the component\n    // (`isFocusWithin`) AND the display element is focusable (`isEditable`).\n    // The `isFocusWithin` gate is the key fix: it reliably drops to `false`\n    // on edit-end / tab-away (it has an element-removal fallback that\n    // `useFocusRing` lacks on a bare span), so the ring can never get stuck\n    // on. `ringSuppressed` hides the ring for a single programmatic focus\n    // restore after a keyboard / programmatic edit-end.\n    //\n    // When `keyboardActivation` is `false` the host (e.g. `Tabs`) owns the\n    // entire focus story for this control, so we suppress the focus ring\n    // entirely — including while editing — to avoid drawing a redundant\n    // indicator on top of the host's own focus ring.\n    const showFocusRing =\n      keyboardActivation &&\n      (isEditing ||\n        (isFocusVisible && isFocusWithin && isEditable && !ringSuppressed));\n\n    const mods = {\n      editing: isEditing,\n      editable: isEditable,\n      focused: showFocusRing,\n      disabled: isDisabled,\n      'read-only': isReadOnly,\n      styled: isStyled,\n      empty: !displayedValue,\n      ...customMods,\n    };\n\n    const mergedStyles = mergeStyleLayers(\n      stylesProp,\n      // oxlint-disable-next-line tasty/no-runtime-styles-mutation -- forwards the consumer's `inputStyles` to `Input`\n      inputStyles ? { Input: inputStyles } : null,\n    );\n\n    const extractedStyles = extractStyles(\n      otherProps,\n      STYLE_PROPS,\n      mergedStyles,\n    );\n\n    const tokens = {\n      ...customTokens,\n      '$input-width': inputWidth != null ? `${inputWidth}px` : 'auto',\n    };\n\n    // In display mode, render the placeholder when the value is empty so the\n    // component remains visible / clickable. Consumers using `renderDisplay`\n    // take full control and are responsible for handling empty values\n    // themselves.\n    const displayContent = renderDisplay\n      ? renderDisplay(displayedValue)\n      : displayedValue ||\n        (placeholder ? (\n          <span data-element=\"Placeholder\">{placeholder}</span>\n        ) : (\n          ''\n        ));\n\n    const baseProps = filterBaseProps(otherProps, { eventProps: true });\n\n    // Overflow detection / auto-tooltip. Suppressed while editing (the input\n    // owns the visible text and isn't truncated), and when the consumer\n    // provides `renderDisplay` (they own the display story and should attach\n    // their own tooltip if needed).\n    const { labelRef: tooltipLabelRef, renderWithTooltip } = useAutoTooltip({\n      tooltip: isEditing || renderDisplay ? false : tooltip,\n      children: displayedValue,\n    });\n\n    // Wire pointer/keyboard activators only when relevant. Hosts that drive\n    // editing through `ref.startEditing()` keep all of these `undefined` so\n    // they don't intercept their own keyboard / focus story.\n    const wantsClick = !isEditing && isEditable && editTrigger === 'click';\n    const wantsDblClick =\n      !isEditing && isEditable && editTrigger === 'dblclick';\n    const wantsKeyboard = !isEditing && isEditable && keyboardActivation;\n\n    const renderRoot = (\n      triggerProps?: HTMLAttributes<HTMLElement>,\n      tooltipRef?: RefObject<HTMLElement>,\n    ) => {\n      const handleRootRef = (element: HTMLSpanElement | null) => {\n        rootRef.current = element;\n        if (tooltipRef) {\n          (tooltipRef as { current: HTMLElement | null }).current = element;\n        }\n      };\n\n      // Overflow detection has to look at the truncating element, which is now\n      // the inner `Display` (the root is `inline-flex` and doesn't clip). The\n      // tooltip still anchors to the root via `tooltipRef` above.\n      const handleDisplayRef = (element: HTMLSpanElement | null) => {\n        tooltipLabelRef(element);\n      };\n\n      const a11yProps: HTMLAttributes<HTMLElement> = {};\n\n      if (wantsKeyboard) {\n        a11yProps.tabIndex = 0;\n        a11yProps.role = 'button';\n        a11yProps['aria-roledescription'] = 'editable text';\n        if (ariaLabel) a11yProps['aria-label'] = ariaLabel;\n        if (ariaLabelledby) a11yProps['aria-labelledby'] = ariaLabelledby;\n      }\n\n      if (isDisabled) a11yProps['aria-disabled'] = true;\n      if (isReadOnly) a11yProps['aria-readonly'] = true;\n\n      return (\n        <InlineInputRoot\n          ref={handleRootRef}\n          qa={qa ?? 'InlineInput'}\n          qaVal={qaVal}\n          mods={mods}\n          tokens={tokens}\n          styles={extractedStyles}\n          {...mergeProps(\n            baseProps,\n            focusWithinProps,\n            // Always attach focusRingProps so the hook sees the blur event\n            // when focus moves into the inner input on edit-mode entry. If\n            // we only attached them while `wantsKeyboard` is true, the hook\n            // would miss the blur (since `wantsKeyboard` flips to false the\n            // moment editing starts), leaving `isFocused` stale and the\n            // ring stuck on after editing ends. `useFocusRing` filters\n            // bubbled focus from descendants internally (`target ===\n            // currentTarget`), so spreading these on a non-focusable span\n            // is a no-op.\n            focusRingProps,\n            triggerProps ?? {},\n            {\n              onDoubleClick: wantsDblClick ? handleDblClick : undefined,\n              onClick: wantsClick ? handleClick : undefined,\n              onKeyDown: wantsKeyboard ? handleRootKeyDown : undefined,\n              ...a11yProps,\n            },\n          )}\n        >\n          {isEditing ? (\n            <FocusScope autoFocus restoreFocus={false} contain={false}>\n              <span ref={measureRef} data-element=\"Measure\" aria-hidden=\"true\">\n                {draft || placeholder || ' '}\n              </span>\n              <input\n                ref={inputRef}\n                data-element=\"Input\"\n                type=\"text\"\n                value={draft}\n                placeholder={placeholder}\n                autoComplete={autoComplete}\n                disabled={isDisabled}\n                readOnly={isReadOnly}\n                aria-label={ariaLabel}\n                aria-labelledby={ariaLabelledby}\n                onChange={handleInputChange}\n                onKeyDown={handleKeyDown}\n              />\n            </FocusScope>\n          ) : (\n            <span ref={handleDisplayRef} data-element=\"Display\">\n              {displayContent}\n            </span>\n          )}\n        </InlineInputRoot>\n      );\n    };\n\n    return renderWithTooltip(renderRoot, tooltipPlacement);\n  },\n);\n"],"mappings":"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"}
+{"version":3,"file":"InlineInput.js","names":["useControlledState","BaseProps","BLOCK_STYLES","BlockStyleProps","COLOR_STYLES","ColorStyleProps","filterBaseProps","OUTER_STYLES","OuterStyleProps","Styles","tasty","forwardRef","useEffect","useImperativeHandle","useLayoutEffect","useRef","useState","FocusScope","PositionProps","useFocusRing","useFocusWithin","useEvent","mergeProps","extractStyles","mergeStyleLayers","AutoTooltipValue","useAutoTooltip","ChangeEvent","HTMLAttributes","KeyboardEvent","MouseEvent","ReactNode","RefObject","CubeInlineInputEditTrigger","CubeInlineInputProps","value","defaultValue","onChange","isEditing","defaultIsEditing","onEditingChange","onSubmit","Promise","onCancel","editTrigger","keyboardActivation","submitOnBlur","trimOnSubmit","allowEmpty","isDisabled","isReadOnly","isStyled","placeholder","autoComplete","renderDisplay","tooltip","tooltipPlacement","inputStyles","CubeInlineInputRef","startEditing","stopEditing","submit","focus","getValue","InlineInputRoot","as","styles","display","alignItems","styled","verticalAlign","position","width","boxSizing","color","preset","cursor","fill","border","outline","outlineOffset","radius","focused","padding","height","transition","Display","whiteSpace","overflow","textOverflow","Input","recipe","textAlign","Measure","visibility","pointerEvents","Placeholder","STYLE_PROPS","PROGRAMMATIC_EDIT_BLUR_GRACE_MS","InlineInput","allProps","ref","$","_c","valueProp","isEditingProp","t0","t1","t2","t3","t4","t5","t6","t7","t8","t9","ariaLabel","ariaLabelledby","qa","qaVal","stylesProp","mods","customMods","tokens","customTokens","otherProps","undefined","isControlled","inputRef","measureRef","rootRef","setValue","setIsEditing","optimisticValue","setOptimisticValue","displayedValue","draft","setDraft","inputWidth","setInputWidth","isFocusWithin","setIsFocusWithin","ringSuppressed","setRingSuppressed","submitTokenRef","programmaticEditStartRef","pendingRestoreFocusRef","isEditingRef","t10","t11","current","t12","Symbol","for","t13","t14","enterEditing","t15","canRestoreFocus","t16","rawValue","t17","restoreFocus","next","trim","token","result","then","_temp","commit","t18","restoreFocus_0","cancel","t19","t20","t21","select","t22","t23","root","active","ownerDocument","activeElement","focusLost","body","contains","t24","measure","scrollWidth","t25","t26","e","key","preventDefault","stopPropagation","handleKeyDown","t27","e_0","target","handleInputChange","isFocusVisible","focusProps","focusRingProps","t28","within","t29","onFocusWithinChange","onBlurWithin","active_0","startedAt","Date","now","requestAnimationFrame","focusWithinProps","t30","e_1","handleDblClick","t31","e_2","handleClick","t32","e_3","handleRootKeyDown","t33","t34","wasEditing","t35","isEditable","showFocusRing","t36","editing","editable","disabled","empty","mergedStyles","extractedStyles","t37","t38","t39","displayContent","baseProps","eventProps","t40","t41","children","labelRef","tooltipLabelRef","renderWithTooltip","wantsClick","wantsDblClick","wantsKeyboard","renderRoot","triggerProps","tooltipRef","handleRootRef","element","HTMLElement","handleDisplayRef","element_0","a11yProps","tabIndex","role","onDoubleClick","onClick","onKeyDown","_c","mergeProps"],"sources":["../../../../src/components/content/InlineInput/InlineInput.tsx"],"sourcesContent":["import { useControlledState } from '@react-stately/utils';\nimport {\n  BaseProps,\n  BLOCK_STYLES,\n  BlockStyleProps,\n  COLOR_STYLES,\n  ColorStyleProps,\n  filterBaseProps,\n  OUTER_STYLES,\n  OuterStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  FocusScope,\n  PositionProps,\n  useFocusRing,\n  useFocusWithin,\n} from 'react-aria';\n\nimport { useEvent } from '../../../_internal/hooks/use-event';\nimport { mergeProps } from '../../../utils/react/mergeProps';\nimport { extractStyles, mergeStyleLayers } from '../../../utils/styles';\nimport { AutoTooltipValue, useAutoTooltip } from '../use-auto-tooltip';\n\nimport type {\n  ChangeEvent,\n  HTMLAttributes,\n  KeyboardEvent,\n  MouseEvent,\n  ReactNode,\n  RefObject,\n} from 'react';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type CubeInlineInputEditTrigger = 'dblclick' | 'click' | 'none';\n\nexport interface CubeInlineInputProps\n  extends BaseProps, BlockStyleProps, OuterStyleProps, ColorStyleProps {\n  /** Controlled value. When provided, the component is controlled. */\n  value?: string;\n  /** Initial value for uncontrolled usage. */\n  defaultValue?: string;\n  /**\n   * Fires on commit *only when the value actually changed*. Use this to update\n   * external state. Pair with `value` for the controlled pattern.\n   */\n  onChange?: (value: string) => void;\n\n  /** Controlled editing state. When provided, the editing state is controlled. */\n  isEditing?: boolean;\n  /** Default editing state for uncontrolled usage. */\n  defaultIsEditing?: boolean;\n  /** Called when editing mode starts or ends. */\n  onEditingChange?: (isEditing: boolean) => void;\n\n  /**\n   * Fires every time the user commits (Enter / submit-on-blur / `ref.stopEditing(true)`),\n   * even if the value did not change. Use for side effects like analytics or\n   * \"save\" toasts. For state updates, prefer `onChange`.\n   *\n   * May return a Promise. If the returned Promise **rejects**, the component\n   * automatically reverts its optimistic display to the actual `value` prop —\n   * this gives async-save flows free rollback on failure (in controlled mode).\n   */\n  onSubmit?: (value: string) => void | Promise<unknown>;\n  /** Called when editing is cancelled (Escape or empty submit when `allowEmpty` is false). */\n  onCancel?: () => void;\n\n  /** How edit mode is activated from the display element. Default: `'dblclick'`. */\n  editTrigger?: CubeInlineInputEditTrigger;\n  /**\n   * When true (default) the display element is keyboard-focusable and\n   * responds to `Enter`, `F2` and `Space` by entering edit mode. Set to\n   * `false` when a host (e.g. an editable tab inside a button) already\n   * routes keyboard activation through `ref.startEditing()` — exposing the\n   * display element as a separate tab stop would create a nested keyboard\n   * focus inside the host.\n   *\n   * @default true\n   */\n  keyboardActivation?: boolean;\n  /** Whether to submit when focus leaves the input. Default: `true`. */\n  submitOnBlur?: boolean;\n  /** Whether to trim the value on submit. Default: `true`. */\n  trimOnSubmit?: boolean;\n  /** When false, submitting an empty/whitespace value cancels instead. Default: `false`. */\n  allowEmpty?: boolean;\n  /** When true, edit mode cannot be entered (programmatically or otherwise). */\n  isDisabled?: boolean;\n  /** When true, edit mode cannot be entered, but the display reads as enabled. */\n  isReadOnly?: boolean;\n\n  /**\n   * When true, applies a styled wrapper to the component (border, fill, padding,\n   * fixed height) so it visually matches a `TextInput`. Useful when swapping a\n   * field component (e.g. `Select`) for an `InlineInput` to rename / edit the\n   * current value without a visual jump.\n   *\n   * @default false\n   */\n  isStyled?: boolean;\n\n  /** Placeholder text shown in the input when the draft is empty. */\n  placeholder?: string;\n  /**\n   * What kind of autofill the browser may offer for the input, as the HTML `autocomplete` token\n   * (`email`, `off`, …). See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete).\n   */\n  autoComplete?: string;\n  /** Custom render for display (non-editing) mode. Receives the currently-displayed value (including optimistic). */\n  renderDisplay?: (value: string) => ReactNode;\n  /** ARIA label for the input (used when no visible label is associated). */\n  'aria-label'?: string;\n  /** ARIA labelledby for the input. */\n  'aria-labelledby'?: string;\n\n  /**\n   * Tooltip behaviour for the display value:\n   * - `true` (default): auto-tooltip — show the full value when the text is truncated.\n   * - `false`: never show a tooltip.\n   * - `string`: always show this tooltip text.\n   * - object: full `TooltipProvider` configuration (with optional `auto`).\n   *\n   * The tooltip is automatically suppressed while editing and when `renderDisplay` is used.\n   */\n  tooltip?: AutoTooltipValue;\n  /** Default tooltip placement. @default 'top' */\n  tooltipPlacement?: PositionProps['placement'];\n\n  /** Convenience prop for styling the `Input` sub-element. Merged into `styles.Input`. */\n  inputStyles?: Styles;\n}\n\nexport interface CubeInlineInputRef {\n  /** Programmatically enter edit mode. */\n  startEditing(): void;\n  /** Programmatically exit edit mode. `submit=true` commits, `submit=false` cancels. Defaults to commit. */\n  stopEditing(submit?: boolean): void;\n  /** Focus the underlying element (input when editing, root span otherwise). */\n  focus(): void;\n  /** Current committed value (includes optimistic value if a parent hasn't synced yet). */\n  getValue(): string;\n}\n\n// =============================================================================\n// Styled element\n// =============================================================================\n\nconst InlineInputRoot = tasty({\n  as: 'span',\n  styles: {\n    // `inline-flex` with `alignItems: baseline` is used (instead of\n    // `inline-block` + `overflow: hidden`) so the container's baseline comes\n    // from the first flex item's content baseline. With `inline-block` +\n    // `overflow: hidden`, the CSS spec forces the baseline to the bottom\n    // margin edge, which visibly shifts the text upward inside surrounding\n    // line boxes (notably inside Tabs' centered `Item.Label`).\n    display: 'inline-flex',\n    alignItems: {\n      '': 'baseline',\n      styled: 'center',\n    },\n    verticalAlign: {\n      '': 'baseline',\n      styled: 'middle',\n    },\n    position: 'relative',\n    width: 'initial 100%',\n    boxSizing: 'border-box',\n    color: {\n      '': 'inherit',\n      styled: '#dark-02',\n      'styled & disabled': '#dark.30',\n    },\n    preset: {\n      '': 'inherit',\n      styled: 't3',\n    },\n    cursor: {\n      '': 'inherit',\n      'editable & !editing': 'text',\n    },\n    fill: {\n      '': '#clear',\n      styled: '#surface',\n      'styled & disabled': '#disabled-surface',\n    },\n    border: {\n      '': false,\n      styled: true,\n      'styled & focused': '#primary-text',\n      'styled & disabled': true,\n    },\n    // Focus ring. Shown when the display element is keyboard-focused\n    // (driven on the React side by `isFocusVisible`) and *always* while\n    // editing — so swapping into the input always presents a clear focus\n    // indicator regardless of how the user activated it (click vs keyboard).\n    // In `styled` mode the border colour transition is enough to indicate\n    // focus (matching `TextInput`'s visual), so the outline is suppressed.\n    // Outline doesn't take layout space and respects rounded corners via\n    // `outlineOffset`.\n    outline: {\n      '': '$ring-width #primary.0',\n      'focused & !styled': '$ring-width #primary',\n    },\n    outlineOffset: '$outline-offset',\n    radius: {\n      '': 0,\n      focused: true,\n      styled: true,\n    },\n    padding: {\n      '': 0,\n      styled: '(.75x - 1bw) (1x - 1bw)',\n    },\n    height: {\n      '': 'auto',\n      styled: '$size-md',\n    },\n    transition: 'theme',\n\n    // Display flex item: owns the truncation (`overflow: hidden` here is a\n    // block-level rule that does *not* alter the parent's baseline, unlike\n    // an `inline-block` overflow rule).\n    Display: {\n      display: 'block',\n      whiteSpace: 'nowrap',\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      width: 'initial 100%',\n      preset: 'inherit',\n      color: 'inherit',\n    },\n\n    Input: {\n      recipe: 'reset input / input-autofill',\n      preset: 'inherit',\n      color: 'inherit',\n      fill: '#clear',\n      textAlign: 'left',\n      // In `styled` mode the wrapper has a fixed size and we want the input\n      // to fill it (matches `TextInput`). In the default inline mode the\n      // input auto-sizes to its content via `$input-width`.\n      width: {\n        '': '1em $input-width 100%',\n        styled: '0 100% initial',\n      },\n      '&::placeholder': { recipe: 'input-placeholder' },\n    },\n\n    Measure: {\n      position: 'absolute',\n      visibility: 'hidden',\n      pointerEvents: 'none',\n      whiteSpace: 'pre',\n      preset: 'inherit',\n      height: 0,\n      overflow: 'hidden',\n    },\n\n    Placeholder: {\n      recipe: 'input-placeholder',\n      preset: 'inherit',\n    },\n  },\n});\n\nconst STYLE_PROPS = [...BLOCK_STYLES, ...OUTER_STYLES, ...COLOR_STYLES];\n\n// Grace window after a programmatic `startEditing()` during which a blur\n// re-focuses the input rather than committing. ~500ms covers the\n// Menu/Popover EXIT_DURATION (350ms in `Overlay.tsx`) with margin, since a\n// host that starts editing from a closing overlay is the case that needs the\n// widest window.\nconst PROGRAMMATIC_EDIT_BLUR_GRACE_MS = 500;\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/**\n * Inline editable text. Renders the value as inline content by default and\n * swaps to an auto-sizing text input when entering edit mode.\n *\n * Designed to drop into any text context (tab title, heading, paragraph,\n * table cell) without style customization: typography, color, and font family\n * are all inherited from the parent.\n *\n * Value and `isEditing` can each be controlled or uncontrolled independently.\n * Programmatic entry via the imperative ref (`startEditing`/`stopEditing`)\n * works regardless of `editTrigger`.\n */\nexport const InlineInput = forwardRef<CubeInlineInputRef, CubeInlineInputProps>(\n  function InlineInput(allProps, ref) {\n    const {\n      value: valueProp,\n      defaultValue,\n      onChange,\n      isEditing: isEditingProp,\n      defaultIsEditing,\n      onEditingChange,\n      onSubmit,\n      onCancel,\n      editTrigger = 'dblclick',\n      keyboardActivation = true,\n      submitOnBlur = true,\n      trimOnSubmit = true,\n      allowEmpty = false,\n      isDisabled = false,\n      isReadOnly = false,\n      isStyled = false,\n      placeholder,\n      autoComplete,\n      renderDisplay,\n      tooltip = true,\n      tooltipPlacement = 'top',\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      qa,\n      qaVal,\n      styles: stylesProp,\n      inputStyles,\n      mods: customMods,\n      tokens: customTokens,\n      ...otherProps\n    } = allProps;\n\n    const isControlled = valueProp !== undefined;\n\n    const inputRef = useRef<HTMLInputElement>(null);\n    const measureRef = useRef<HTMLSpanElement>(null);\n    const rootRef = useRef<HTMLSpanElement>(null);\n\n    const [value, setValue] = useControlledState<string>(\n      valueProp as string,\n      (defaultValue ?? '') as string,\n      onChange,\n    );\n\n    const [isEditing, setIsEditing] = useControlledState<boolean>(\n      isEditingProp as boolean,\n      (defaultIsEditing ?? false) as boolean,\n      onEditingChange,\n    );\n\n    // Optimistic value. Holds the just-committed value while we wait for the\n    // (potentially async) controlled parent to sync `value`. In uncontrolled\n    // mode `value` updates immediately so this stays null after each render.\n    const [optimisticValue, setOptimisticValue] = useState<string | null>(null);\n    const displayedValue = optimisticValue ?? value;\n\n    const [draft, setDraft] = useState<string>(value);\n    const [inputWidth, setInputWidth] = useState<number | null>(null);\n\n    // Reliable focus presence for the whole component, driven by\n    // `useFocusWithin` (which, unlike `useFocusRing`/`useFocus` on a bare\n    // span, has an element-removal fallback). Used to gate the display focus\n    // ring so it can never get stuck on after editing ends or after focus\n    // moves to another component.\n    const [isFocusWithin, setIsFocusWithin] = useState(false);\n\n    // Suppresses the display focus ring for a single programmatic focus\n    // restore (when we return focus to the display span after a keyboard /\n    // programmatic edit-end). Reset whenever focus truly leaves the component\n    // so a later real keyboard Tab back shows the ring again.\n    const [ringSuppressed, setRingSuppressed] = useState(false);\n\n    // Token to invalidate in-flight onSubmit promises if a newer commit /\n    // re-entry happens before they settle.\n    const submitTokenRef = useRef(0);\n\n    // Timestamp of the most recent programmatic `startEditing()` call (via\n    // the imperative ref). Used to defeat a focus-theft race: something else\n    // takes focus in the same tick the input mounts, and the resulting blur\n    // would fire `submitOnBlur` and unmount the input the user just opened.\n    //\n    // The thief varies by host — a host's own focus restoration (`TabButton`\n    // re-focuses the tab button when editing ends), a collection's focus\n    // manager, or an overlay closing around the `startEditing()` call. It is\n    // NOT the closing `Menu` popover: `MenuTrigger` leaves focus alone once\n    // an action has moved it (see CUB-3962). The guard is host-agnostic on\n    // purpose — the imperative path cannot know who else wants focus.\n    //\n    // Cleared on first user interaction inside the input (`handleInputChange`\n    // / `handleKeyDown`) and on leaving editing mode, so any later blur\n    // commits normally.\n    const programmaticEditStartRef = useRef<number | null>(null);\n\n    // Set when an edit-end should return focus to the display span (keyboard\n    // Enter/Escape, imperative `stopEditing`). NOT set for submit-on-blur /\n    // tab-away, where focus has already moved elsewhere. Consumed by a layout\n    // effect after the display span re-mounts.\n    const pendingRestoreFocusRef = useRef(false);\n\n    // Synchronous mirror of `isEditing`. We need this because cancel/commit\n    // call user callbacks (`onCancel`/`onSubmit`) that may synchronously\n    // re-focus another element — that causes a synchronous blur on the\n    // input which would otherwise re-enter `commit` via `onBlurWithin` (the\n    // state update from `setIsEditing(false)` isn't committed yet, so the\n    // closure still sees `isEditing === true`).\n    //\n    // The ref is kept in sync via `useLayoutEffect` so concurrent renders\n    // that get thrown away don't leak a stale value into the next commit.\n    const isEditingRef = useRef(isEditing);\n\n    useLayoutEffect(() => {\n      isEditingRef.current = isEditing;\n    }, [isEditing]);\n\n    // Clear the optimistic value once `value` catches up or changes externally.\n    useEffect(() => {\n      setOptimisticValue(null);\n    }, [value]);\n\n    const enterEditing = useEvent(() => {\n      if (isDisabled || isReadOnly || isEditing) return;\n      // Invalidate any in-flight onSubmit promise — its outcome no longer\n      // matters because the user is about to commit a new value anyway.\n      submitTokenRef.current += 1;\n      isEditingRef.current = true;\n      // Start from the actual prop value, not optimistic — gives the user a\n      // way to recover if a previous commit was rejected by the parent.\n      setOptimisticValue(null);\n      setDraft(value);\n      setIsEditing(true);\n    });\n\n    // Whether an edit-end should return focus to the display span. Only when\n    // this component owns its own keyboard/focus story (standalone usage).\n    // Hosts that drive editing through `ref.startEditing()` with\n    // `keyboardActivation={false}` (e.g. `Tabs`) keep ownership of focus.\n    const canRestoreFocus = () =>\n      keyboardActivation &&\n      editTrigger !== 'none' &&\n      !isDisabled &&\n      !isReadOnly;\n\n    const commit = useEvent((rawValue: string, restoreFocus = true) => {\n      // Re-entry guard. `onSubmit`/`onCancel` may synchronously refocus and\n      // trigger another blur-driven commit before the state update lands.\n      if (!isEditingRef.current) return;\n\n      const next = trimOnSubmit ? rawValue.trim() : rawValue;\n\n      if (restoreFocus && canRestoreFocus()) {\n        pendingRestoreFocusRef.current = true;\n      }\n\n      if (!next && !allowEmpty) {\n        isEditingRef.current = false;\n        programmaticEditStartRef.current = null;\n        setIsEditing(false);\n        onCancel?.();\n\n        return;\n      }\n\n      const token = ++submitTokenRef.current;\n\n      if (isControlled) {\n        // Show the new value optimistically until the parent re-renders.\n        setOptimisticValue(next);\n      }\n      isEditingRef.current = false;\n      programmaticEditStartRef.current = null;\n      setValue(next);\n      setIsEditing(false);\n\n      const result = onSubmit?.(next);\n      // If onSubmit returns a Promise that rejects, the parent is signalling\n      // a save failure — revert the optimistic value back to the actual prop.\n      // We guard with a token so a slow rejection doesn't clobber a newer\n      // commit's optimistic display.\n      if (\n        result != null &&\n        typeof (result as Promise<unknown>).then === 'function'\n      ) {\n        (result as Promise<unknown>).then(\n          () => {},\n          () => {\n            if (submitTokenRef.current === token && isControlled) {\n              setOptimisticValue(null);\n            }\n          },\n        );\n      }\n    });\n\n    const cancel = useEvent((restoreFocus = true) => {\n      if (!isEditingRef.current) return;\n      if (restoreFocus && canRestoreFocus()) {\n        pendingRestoreFocusRef.current = true;\n      }\n      isEditingRef.current = false;\n      programmaticEditStartRef.current = null;\n      setIsEditing(false);\n      onCancel?.();\n    });\n\n    // Keep draft in sync with the external value while NOT editing.\n    useEffect(() => {\n      if (!isEditing) setDraft(value);\n    }, [value, isEditing]);\n\n    // Select all text synchronously when entering edit mode.\n    useLayoutEffect(() => {\n      if (!isEditing) return;\n      inputRef.current?.select();\n    }, [isEditing]);\n\n    // Return focus to the display span after a keyboard / programmatic\n    // edit-end so keyboard navigation continues from this control. The focus\n    // is programmatic (react-aria treats it as non-keyboard) and we set\n    // `ringSuppressed` so it does not draw a focus ring; a later real Tab to\n    // the element resets the suppression (see `onFocusWithinChange`).\n    //\n    // `onSubmit`/`onCancel` may synchronously move focus elsewhere. When the\n    // input unmounts, the browser drops focus to `<body>`, so we only restore\n    // focus to the display span when focus actually landed there (or nowhere).\n    // If a handler deliberately moved focus to another element, we leave it.\n    useLayoutEffect(() => {\n      if (isEditing || !pendingRestoreFocusRef.current) return;\n      pendingRestoreFocusRef.current = false;\n\n      const root = rootRef.current;\n      if (!root) return;\n\n      const active = root.ownerDocument.activeElement;\n      const focusLost = !active || active === root.ownerDocument.body;\n      // A handler moved focus to a real element outside this control — respect\n      // it and don't pull focus back.\n      if (!focusLost && !root.contains(active)) return;\n\n      setRingSuppressed(true);\n      root.focus();\n    }, [isEditing]);\n\n    // Measure the draft so the input width follows the typed glyphs.\n    useLayoutEffect(() => {\n      if (!isEditing) return;\n      const measure = measureRef.current;\n\n      if (!measure) return;\n      setInputWidth(measure.scrollWidth);\n    }, [isEditing, draft, placeholder]);\n\n    const handleKeyDown = useEvent((e: KeyboardEvent<HTMLInputElement>) => {\n      // User is interacting with the input — drop the post-`startEditing()`\n      // blur guard so a subsequent click-away commits normally.\n      programmaticEditStartRef.current = null;\n\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        commit(draft);\n\n        return;\n      }\n\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        cancel();\n\n        return;\n      }\n\n      // Prevent the host (e.g. Tabs) from intercepting text-editing keys.\n      if (\n        e.key === 'ArrowLeft' ||\n        e.key === 'ArrowRight' ||\n        e.key === ' ' ||\n        e.key === 'Delete' ||\n        e.key === 'Backspace'\n      ) {\n        e.stopPropagation();\n      }\n    });\n\n    const handleInputChange = useEvent((e: ChangeEvent<HTMLInputElement>) => {\n      programmaticEditStartRef.current = null;\n      setDraft(e.target.value);\n    });\n\n    // Keyboard focus-visible modality (mouse vs keyboard). Used together with\n    // `isFocusWithin` to drive the display focus ring. We rely on\n    // `useFocusWithin` (below) for the *presence* of focus because, unlike\n    // `useFocusRing`/`useFocus` on a bare span, it has an element-removal\n    // fallback — so the ring can never get stuck on after the inner input is\n    // unmounted on edit-end or after focus moves away.\n    const { isFocusVisible, focusProps: focusRingProps } = useFocusRing();\n\n    // Always enabled so it reliably reports focus presence in BOTH display\n    // and edit modes. The submit-on-blur logic is internally guarded by\n    // `isEditingRef`, so running `onBlurWithin` in display mode is a no-op.\n    const { focusWithinProps } = useFocusWithin({\n      onFocusWithinChange: (within) => {\n        setIsFocusWithin(within);\n        // Once focus truly leaves the component, clear the one-shot ring\n        // suppression so a later real keyboard Tab back shows the ring again.\n        if (!within) setRingSuppressed(false);\n      },\n      onBlurWithin: () => {\n        if (!isEditingRef.current) return;\n        if (!submitOnBlur) return;\n\n        // Spurious-blur guard. `useFocusWithin` fires a synthetic blur via its\n        // element-removal fallback when the display span unmounts as we enter\n        // edit mode (focus actually moved INTO the inner input). Ignore it if\n        // focus is in fact still within the component.\n        const active = rootRef.current?.ownerDocument.activeElement;\n        if (active && rootRef.current?.contains(active)) return;\n\n        // Grace-period guard against focus theft right after a programmatic\n        // `startEditing()` — see `programmaticEditStartRef` for who steals it.\n        // Re-focus the input on the next frame so the focus-stealing element\n        // finishes its own handler first, then we steal focus back. The guard\n        // is cleared on the first real user interaction with the input\n        // (keydown / input change) so subsequent click-aways commit normally.\n        const startedAt = programmaticEditStartRef.current;\n        if (\n          startedAt != null &&\n          Date.now() - startedAt < PROGRAMMATIC_EDIT_BLUR_GRACE_MS &&\n          isEditingRef.current\n        ) {\n          requestAnimationFrame(() => {\n            if (isEditingRef.current) {\n              inputRef.current?.focus();\n              inputRef.current?.select();\n            }\n          });\n\n          return;\n        }\n\n        // Focus has already moved elsewhere (tab-away / click-away), so do\n        // NOT pull it back to the display span.\n        commit(draft, false);\n      },\n    });\n\n    const handleDblClick = useEvent((e: MouseEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n      enterEditing();\n    });\n\n    const handleClick = useEvent((e: MouseEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n      enterEditing();\n    });\n\n    // Keyboard activation from the display element (standalone usage).\n    // Hosts that own keyboard handling themselves should pass\n    // `keyboardActivation={false}` (see `TabButton` for an example).\n    const handleRootKeyDown = useEvent((e: KeyboardEvent<HTMLSpanElement>) => {\n      if (e.key === 'Enter' || e.key === 'F2' || e.key === ' ') {\n        e.preventDefault();\n        e.stopPropagation();\n        enterEditing();\n      }\n    });\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        startEditing: () => {\n          // Arm the grace-period blur guard for the imperative path only.\n          // Pointer-triggered entries (dblclick / click) don't suffer from\n          // the focus-theft race that motivates this guard — the user's own\n          // press is what put focus here.\n          const wasEditing = isEditingRef.current;\n          enterEditing();\n          if (!wasEditing && isEditingRef.current) {\n            programmaticEditStartRef.current = Date.now();\n          }\n        },\n        stopEditing: (submit = true) => {\n          if (!isEditingRef.current) return;\n          if (submit) commit(draft);\n          else cancel();\n        },\n        focus: () => {\n          if (isEditingRef.current) inputRef.current?.focus();\n          else rootRef.current?.focus();\n        },\n        getValue: () => displayedValue,\n      }),\n      [enterEditing, commit, cancel, draft, displayedValue],\n    );\n\n    const isEditable = editTrigger !== 'none' && !isDisabled && !isReadOnly;\n\n    // `focused` controls the visible focus indicator on the root.\n    //\n    // While editing, the inner `<input>` always has focus (FocusScope\n    // `autoFocus`), so we show the focus indicator on the root regardless\n    // of how the user activated edit mode (click vs keyboard).\n    //\n    // In display mode we show the indicator only on keyboard focus\n    // (`isFocusVisible`) AND when focus is actually within the component\n    // (`isFocusWithin`) AND the display element is focusable (`isEditable`).\n    // The `isFocusWithin` gate is the key fix: it reliably drops to `false`\n    // on edit-end / tab-away (it has an element-removal fallback that\n    // `useFocusRing` lacks on a bare span), so the ring can never get stuck\n    // on. `ringSuppressed` hides the ring for a single programmatic focus\n    // restore after a keyboard / programmatic edit-end.\n    //\n    // When `keyboardActivation` is `false` the host (e.g. `Tabs`) owns the\n    // entire focus story for this control, so we suppress the focus ring\n    // entirely — including while editing — to avoid drawing a redundant\n    // indicator on top of the host's own focus ring.\n    const showFocusRing =\n      keyboardActivation &&\n      (isEditing ||\n        (isFocusVisible && isFocusWithin && isEditable && !ringSuppressed));\n\n    const mods = {\n      editing: isEditing,\n      editable: isEditable,\n      focused: showFocusRing,\n      disabled: isDisabled,\n      'read-only': isReadOnly,\n      styled: isStyled,\n      empty: !displayedValue,\n      ...customMods,\n    };\n\n    const mergedStyles = mergeStyleLayers(\n      stylesProp,\n      // oxlint-disable-next-line tasty/no-runtime-styles-mutation -- forwards the consumer's `inputStyles` to `Input`\n      inputStyles ? { Input: inputStyles } : null,\n    );\n\n    const extractedStyles = extractStyles(\n      otherProps,\n      STYLE_PROPS,\n      mergedStyles,\n    );\n\n    const tokens = {\n      ...customTokens,\n      '$input-width': inputWidth != null ? `${inputWidth}px` : 'auto',\n    };\n\n    // In display mode, render the placeholder when the value is empty so the\n    // component remains visible / clickable. Consumers using `renderDisplay`\n    // take full control and are responsible for handling empty values\n    // themselves.\n    const displayContent = renderDisplay\n      ? renderDisplay(displayedValue)\n      : displayedValue ||\n        (placeholder ? (\n          <span data-element=\"Placeholder\">{placeholder}</span>\n        ) : (\n          ''\n        ));\n\n    const baseProps = filterBaseProps(otherProps, { eventProps: true });\n\n    // Overflow detection / auto-tooltip. Suppressed while editing (the input\n    // owns the visible text and isn't truncated), and when the consumer\n    // provides `renderDisplay` (they own the display story and should attach\n    // their own tooltip if needed).\n    const { labelRef: tooltipLabelRef, renderWithTooltip } = useAutoTooltip({\n      tooltip: isEditing || renderDisplay ? false : tooltip,\n      children: displayedValue,\n    });\n\n    // Wire pointer/keyboard activators only when relevant. Hosts that drive\n    // editing through `ref.startEditing()` keep all of these `undefined` so\n    // they don't intercept their own keyboard / focus story.\n    const wantsClick = !isEditing && isEditable && editTrigger === 'click';\n    const wantsDblClick =\n      !isEditing && isEditable && editTrigger === 'dblclick';\n    const wantsKeyboard = !isEditing && isEditable && keyboardActivation;\n\n    const renderRoot = (\n      triggerProps?: HTMLAttributes<HTMLElement>,\n      tooltipRef?: RefObject<HTMLElement>,\n    ) => {\n      const handleRootRef = (element: HTMLSpanElement | null) => {\n        rootRef.current = element;\n        if (tooltipRef) {\n          (tooltipRef as { current: HTMLElement | null }).current = element;\n        }\n      };\n\n      // Overflow detection has to look at the truncating element, which is now\n      // the inner `Display` (the root is `inline-flex` and doesn't clip). The\n      // tooltip still anchors to the root via `tooltipRef` above.\n      const handleDisplayRef = (element: HTMLSpanElement | null) => {\n        tooltipLabelRef(element);\n      };\n\n      const a11yProps: HTMLAttributes<HTMLElement> = {};\n\n      if (wantsKeyboard) {\n        a11yProps.tabIndex = 0;\n        a11yProps.role = 'button';\n        a11yProps['aria-roledescription'] = 'editable text';\n        if (ariaLabel) a11yProps['aria-label'] = ariaLabel;\n        if (ariaLabelledby) a11yProps['aria-labelledby'] = ariaLabelledby;\n      }\n\n      if (isDisabled) a11yProps['aria-disabled'] = true;\n      if (isReadOnly) a11yProps['aria-readonly'] = true;\n\n      return (\n        <InlineInputRoot\n          ref={handleRootRef}\n          qa={qa ?? 'InlineInput'}\n          qaVal={qaVal}\n          mods={mods}\n          tokens={tokens}\n          styles={extractedStyles}\n          {...mergeProps(\n            baseProps,\n            focusWithinProps,\n            // Always attach focusRingProps so the hook sees the blur event\n            // when focus moves into the inner input on edit-mode entry. If\n            // we only attached them while `wantsKeyboard` is true, the hook\n            // would miss the blur (since `wantsKeyboard` flips to false the\n            // moment editing starts), leaving `isFocused` stale and the\n            // ring stuck on after editing ends. `useFocusRing` filters\n            // bubbled focus from descendants internally (`target ===\n            // currentTarget`), so spreading these on a non-focusable span\n            // is a no-op.\n            focusRingProps,\n            triggerProps ?? {},\n            {\n              onDoubleClick: wantsDblClick ? handleDblClick : undefined,\n              onClick: wantsClick ? handleClick : undefined,\n              onKeyDown: wantsKeyboard ? handleRootKeyDown : undefined,\n              ...a11yProps,\n            },\n          )}\n        >\n          {isEditing ? (\n            <FocusScope autoFocus restoreFocus={false} contain={false}>\n              <span ref={measureRef} data-element=\"Measure\" aria-hidden=\"true\">\n                {draft || placeholder || ' '}\n              </span>\n              <input\n                ref={inputRef}\n                data-element=\"Input\"\n                type=\"text\"\n                value={draft}\n                placeholder={placeholder}\n                autoComplete={autoComplete}\n                disabled={isDisabled}\n                readOnly={isReadOnly}\n                aria-label={ariaLabel}\n                aria-labelledby={ariaLabelledby}\n                onChange={handleInputChange}\n                onKeyDown={handleKeyDown}\n              />\n            </FocusScope>\n          ) : (\n            <span ref={handleDisplayRef} data-element=\"Display\">\n              {displayContent}\n            </span>\n          )}\n        </InlineInputRoot>\n      );\n    };\n\n    return renderWithTooltip(renderRoot, tooltipPlacement);\n  },\n);\n"],"mappings":"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"}

package/dist/components/content/Item/Item.d.ts

@@ -3,10 +3,9 @@ import { Props } from "../../../props.js";
 import { CubeTooltipProviderProps } from "../../overlays/Tooltip/TooltipProvider.js";
 import { CubeItemActionProps } from "../../actions/ItemAction/ItemAction.js";
 import { DynamicIcon } from "../../../utils/react/resolveIcon.js";
-import "../../../utils/react/index.js";
+import "../../actions/index.js";
 import { CubeItemBadgeProps } from "../ItemBadge/ItemBadge.js";
 import "./index.js";
-import "../../actions/index.js";
 import { ItemVariant } from "../../../data/item-themes.js";
 import { TooltipFocusProps } from "../../overlays/Tooltip/split-trigger-props.js";
 import { BaseProps, ContainerStyleProps, Mods, Styles } from "@tenphi/tasty";
@@ -163,15 +162,6 @@ export interface CubeItemProps extends BaseProps, ContainerStyleProps {
    * disabled input has to keep its focus (see `getDisabledElementProps`).
    */
   hiddenContent?: ReactNode | ((tooltipFocusProps: TooltipFocusProps, isTooltipActive: boolean) => ReactNode);
-  /**
-   * @private
-   * The label's room changes over the item's life — a radio tab in a
-   * responsive switch, say. The auto tooltip then stays mounted, disabled
-   * while the label fits, instead of wrapping the element only once the label
-   * truncates: that wrap remounts the element, which takes focus (and, for a
-   * radio, the native input it holds) with it.
-   */
-  isDynamicLabel?: boolean;
   /**
    * Ref to access the label element directly
    */

package/dist/components/content/Item/Item.js

@@ -1,17 +1,17 @@
-/** @license MIT | @cube-dev/ui-kit v0.207.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.209.0 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { highlightText } from "../highlightText.js";
-import { getDisabledElementProps, omitActivationEventProps } from "../../../utils/react/disabledProps.js";
-import { resolveIcon } from "../../../utils/react/resolveIcon.js";
-import { useWarn } from "../../../_internal/hooks/use-warn.js";
 import { useAutoTooltip } from "../use-auto-tooltip.js";
 import { ITEM_VARIANTS, resolveItemVariant } from "../../../data/item-themes.js";
 import { CheckIcon } from "../../../icons/CheckIcon.js";
 import { LoadingIcon } from "../../../icons/LoadingIcon.js";
+import { getDisabledElementProps, omitActivationEventProps } from "../../../utils/react/disabledProps.js";
 import { mergeTooltipFocusProps, splitTooltipTriggerProps } from "../../overlays/Tooltip/split-trigger-props.js";
 import { ItemActionProvider } from "../../actions/ItemActionContext.js";
+import { useWarn } from "../../../_internal/hooks/use-warn.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { ItemBadge } from "../ItemBadge/ItemBadge.js";
+import { resolveIcon } from "../../../utils/react/resolveIcon.js";
 import { IconSwitch } from "../../helpers/IconSwitch/IconSwitch.js";
 import { HotKeys as _HotKeys } from "../HotKeys/HotKeys.js";
 import { c } from "react/compiler-runtime";
@@ -572,8 +572,8 @@ const DISABLED_HOTKEYS_STYLES = {
 	opacity: .5
 };
 const Item = (props, ref) => {
-	const $ = c(78);
-	const { children, size: t0, type: t1, theme: t2, mods, icon: iconProp, rightIcon: rightIconProp, prefix, suffix, description, descriptionPlacement, labelProps, descriptionProps, keyboardShortcutProps, styles, htmlType, isSelected, hotkeys, tooltip: t3, isDisabled, disabled: nativeDisabledProp, style, loadingSlot: t4, isLoading: t5, actions, autoHideActions: t6, preserveActionsSpace: t7, disableActionsFocus: t8, shape, defaultTooltipPlacement: t9, level: t10, highlight, highlightCaseSensitive: t11, highlightStyles, insideWrapper: t12, showActions: t13, skipActionsWidthTransition: t14, hiddenContent, isDynamicLabel: t15, labelRef: labelRefProp, nativeLinkProps, nativeMenuItemProps, nativeRowRef, nativeLabelReferenceId, onInlineFocus, onNativeLinkElement, onNativeElement, tokens, ...rest } = props;
+	const $ = c(77);
+	const { children, size: t0, type: t1, theme: t2, mods, icon: iconProp, rightIcon: rightIconProp, prefix, suffix, description, descriptionPlacement, labelProps, descriptionProps, keyboardShortcutProps, styles, htmlType, isSelected, hotkeys, tooltip: t3, isDisabled, disabled: nativeDisabledProp, style, loadingSlot: t4, isLoading: t5, actions, autoHideActions: t6, preserveActionsSpace: t7, disableActionsFocus: t8, shape, defaultTooltipPlacement: t9, level: t10, highlight, highlightCaseSensitive: t11, highlightStyles, insideWrapper: t12, showActions: t13, skipActionsWidthTransition: t14, hiddenContent, labelRef: labelRefProp, nativeLinkProps, nativeMenuItemProps, nativeRowRef, nativeLabelReferenceId, onInlineFocus, onNativeLinkElement, onNativeElement, tokens, ...rest } = props;
 	const size = t0 === void 0 ? "medium" : t0;
 	const type = t1 === void 0 ? "item" : t1;
 	const theme = t2 === void 0 ? "default" : t2;
@@ -589,16 +589,15 @@ const Item = (props, ref) => {
 	const insideWrapper = t12 === void 0 ? false : t12;
 	const showActions = t13 === void 0 ? false : t13;
 	const skipActionsWidthTransition = t14 === void 0 ? false : t14;
-	const isDynamicLabel = t15 === void 0 ? false : t15;
 	useGlobalStyles(NATIVE_ROW_CONTROL_SELECTOR, nativeMenuItemProps ? NATIVE_ROW_CONTROL_STYLES : void 0);
 	const hasLabel = !!(children || labelProps);
 	const finalDescriptionPlacement = descriptionPlacement ?? ((type === "card" || type === "header") && hasLabel ? "block" : "inline");
 	const finalShape = shape ?? (type === "card" ? "card" : "button");
 	const isDisabledProp = isDisabled ?? (nativeDisabledProp || void 0);
 	const finalIsDisabled = isDisabledProp === true || isLoading && isDisabledProp !== false;
-	let t16;
+	let t15;
 	if ($[0] !== iconProp || $[1] !== isLoading || $[2] !== rightIconProp || $[3] !== theme || $[4] !== type) {
-		t16 = {
+		t15 = {
 			type,
 			theme,
 			icon: iconProp,
@@ -610,15 +609,15 @@ const Item = (props, ref) => {
 		$[2] = rightIconProp;
 		$[3] = theme;
 		$[4] = type;
-		$[5] = t16;
-	} else t16 = $[5];
-	useItemPropWarnings(t16);
+		$[5] = t15;
+	} else t15 = $[5];
+	useItemPropWarnings(t15);
 	const hasCheckmark = iconProp === "checkmark";
 	let baseMods;
 	let finalTokens;
 	let iconSlot;
 	let loadingTarget;
-	let t17;
+	let t16;
 	if ($[6] !== finalIsDisabled || $[7] !== finalShape || $[8] !== hasCheckmark || $[9] !== iconProp || $[10] !== isLoading || $[11] !== isSelected || $[12] !== loadingSlot || $[13] !== mods || $[14] !== rightIconProp || $[15] !== size || $[16] !== theme || $[17] !== tokens || $[18] !== type) {
 		const { sizeMod, sizeToken } = resolveItemSize(size);
 		finalTokens = {
@@ -646,7 +645,7 @@ const Item = (props, ref) => {
 			content: /* @__PURE__ */ jsx(CheckIcon, {}),
 			key: "checkmark"
 		} : resolveIconSlot(resolvedIcon, loadingTarget === "icon");
-		t17 = resolveIconSlot(resolvedRightIcon, loadingTarget === "rightIcon");
+		t16 = resolveIconSlot(resolvedRightIcon, loadingTarget === "rightIcon");
 		$[6] = finalIsDisabled;
 		$[7] = finalShape;
 		$[8] = hasCheckmark;
@@ -664,34 +663,34 @@ const Item = (props, ref) => {
 		$[20] = finalTokens;
 		$[21] = iconSlot;
 		$[22] = loadingTarget;
-		$[23] = t17;
+		$[23] = t16;
 	} else {
 		baseMods = $[19];
 		finalTokens = $[20];
 		iconSlot = $[21];
 		loadingTarget = $[22];
-		t17 = $[23];
+		t16 = $[23];
 	}
-	const rightIconSlot = t17;
-	let t18;
+	const rightIconSlot = t16;
+	let t17;
 	if ($[24] !== description || $[25] !== descriptionProps) {
-		t18 = !!description || Object.keys(descriptionProps ?? {}).some(_temp);
+		t17 = !!description || Object.keys(descriptionProps ?? {}).some(_temp);
 		$[24] = description;
 		$[25] = descriptionProps;
-		$[26] = t18;
-	} else t18 = $[26];
-	const showDescription = t18;
-	let t19;
+		$[26] = t17;
+	} else t17 = $[26];
+	const showDescription = t17;
+	let t18;
 	if ($[27] !== loadingTarget || $[28] !== prefix) {
-		t19 = loadingTarget === "prefix" ? /* @__PURE__ */ jsx(LoadingIcon, {}) : prefix;
+		t18 = loadingTarget === "prefix" ? /* @__PURE__ */ jsx(LoadingIcon, {}) : prefix;
 		$[27] = loadingTarget;
 		$[28] = prefix;
-		$[29] = t19;
-	} else t19 = $[29];
-	const finalPrefix = t19;
-	let t20;
+		$[29] = t18;
+	} else t18 = $[29];
+	const finalPrefix = t18;
+	let t19;
 	if ($[30] !== finalIsDisabled || $[31] !== hotkeys || $[32] !== keyboardShortcutProps || $[33] !== loadingTarget || $[34] !== suffix || $[35] !== theme || $[36] !== type) {
-		t20 = loadingTarget === "suffix" ? /* @__PURE__ */ jsx(LoadingIcon, {}) : suffix ?? (hotkeys ? /* @__PURE__ */ jsx(_HotKeys, {
+		t19 = loadingTarget === "suffix" ? /* @__PURE__ */ jsx(LoadingIcon, {}) : suffix ?? (hotkeys ? /* @__PURE__ */ jsx(_HotKeys, {
 			...keyboardShortcutProps,
 			type: getHotkeysType(theme, type),
 			styles: finalIsDisabled ? DISABLED_HOTKEYS_STYLES : HOTKEYS_STYLES,
@@ -704,44 +703,44 @@ const Item = (props, ref) => {
 		$[34] = suffix;
 		$[35] = theme;
 		$[36] = type;
-		$[37] = t20;
-	} else t20 = $[37];
-	const finalSuffix = t20;
+		$[37] = t19;
+	} else t19 = $[37];
+	const finalSuffix = t19;
 	useHotkeyClick(hotkeys, finalIsDisabled, ref);
-	const t21 = !!(iconSlot.hasSlot || finalPrefix);
-	const t22 = !!(rightIconSlot.hasSlot || finalSuffix || actions);
-	const t23 = !!finalPrefix;
-	const t24 = !!finalSuffix;
-	const t25 = !!actions;
-	const t26 = !!(actions && actions !== true);
-	const t27 = !!nativeMenuItemProps;
-	const t28 = autoHideActions === true;
-	const t29 = preserveActionsSpace === true;
-	const t30 = showActions && insideWrapper;
-	const t31 = skipActionsWidthTransition && insideWrapper;
-	const t32 = showDescription ? finalDescriptionPlacement : "none";
-	let t33;
-	if ($[38] !== baseMods || $[39] !== hasCheckmark || $[40] !== hasLabel || $[41] !== iconSlot.hasSlot || $[42] !== insideWrapper || $[43] !== rightIconSlot.hasSlot || $[44] !== showDescription || $[45] !== t21 || $[46] !== t22 || $[47] !== t23 || $[48] !== t24 || $[49] !== t25 || $[50] !== t26 || $[51] !== t27 || $[52] !== t28 || $[53] !== t29 || $[54] !== t30 || $[55] !== t31 || $[56] !== t32) {
-		t33 = {
+	const t20 = !!(iconSlot.hasSlot || finalPrefix);
+	const t21 = !!(rightIconSlot.hasSlot || finalSuffix || actions);
+	const t22 = !!finalPrefix;
+	const t23 = !!finalSuffix;
+	const t24 = !!actions;
+	const t25 = !!(actions && actions !== true);
+	const t26 = !!nativeMenuItemProps;
+	const t27 = autoHideActions === true;
+	const t28 = preserveActionsSpace === true;
+	const t29 = showActions && insideWrapper;
+	const t30 = skipActionsWidthTransition && insideWrapper;
+	const t31 = showDescription ? finalDescriptionPlacement : "none";
+	let t32;
+	if ($[38] !== baseMods || $[39] !== hasCheckmark || $[40] !== hasLabel || $[41] !== iconSlot.hasSlot || $[42] !== insideWrapper || $[43] !== rightIconSlot.hasSlot || $[44] !== showDescription || $[45] !== t20 || $[46] !== t21 || $[47] !== t22 || $[48] !== t23 || $[49] !== t24 || $[50] !== t25 || $[51] !== t26 || $[52] !== t27 || $[53] !== t28 || $[54] !== t29 || $[55] !== t30 || $[56] !== t31) {
+		t32 = {
 			...baseMods,
 			"has-icon": iconSlot.hasSlot,
-			"has-start-content": t21,
-			"has-end-content": t22,
+			"has-start-content": t20,
+			"has-end-content": t21,
 			"has-right-icon": rightIconSlot.hasSlot,
 			"has-label": hasLabel,
-			"has-prefix": t23,
-			"has-suffix": t24,
+			"has-prefix": t22,
+			"has-suffix": t23,
 			"has-description": showDescription,
-			"has-actions": t25,
-			"has-actions-content": t26,
-			"menu-native-row": t27,
-			"auto-hide-actions": t28,
-			"preserve-actions-space": t29,
+			"has-actions": t24,
+			"has-actions-content": t25,
+			"menu-native-row": t26,
+			"auto-hide-actions": t27,
+			"preserve-actions-space": t28,
 			"inside-wrapper": insideWrapper,
-			"actions-shown": t30,
-			"skip-actions-width-transition": t31,
+			"actions-shown": t29,
+			"skip-actions-width-transition": t30,
 			checkmark: hasCheckmark,
-			description: t32
+			description: t31
 		};
 		$[38] = baseMods;
 		$[39] = hasCheckmark;
@@ -750,77 +749,74 @@ const Item = (props, ref) => {
 		$[42] = insideWrapper;
 		$[43] = rightIconSlot.hasSlot;
 		$[44] = showDescription;
-		$[45] = t21;
-		$[46] = t22;
-		$[47] = t23;
-		$[48] = t24;
-		$[49] = t25;
-		$[50] = t26;
-		$[51] = t27;
-		$[52] = t28;
-		$[53] = t29;
-		$[54] = t30;
-		$[55] = t31;
-		$[56] = t32;
-		$[57] = t33;
-	} else t33 = $[57];
-	const finalMods = t33;
-	const t34 = finalMods["menu-native-row"];
-	let t35;
-	if ($[58] !== t34) {
-		t35 = { "row-native-cell": t34 };
-		$[58] = t34;
-		$[59] = t35;
-	} else t35 = $[59];
-	const nativeCellMods = t35;
-	const t36 = descriptionProps?.ref;
-	const t37 = isDynamicLabel || !!actions || insideWrapper;
-	let t38;
-	if ($[60] !== children || $[61] !== description || $[62] !== labelProps || $[63] !== labelRefProp || $[64] !== t36 || $[65] !== t37 || $[66] !== tooltip) {
-		t38 = {
+		$[45] = t20;
+		$[46] = t21;
+		$[47] = t22;
+		$[48] = t23;
+		$[49] = t24;
+		$[50] = t25;
+		$[51] = t26;
+		$[52] = t27;
+		$[53] = t28;
+		$[54] = t29;
+		$[55] = t30;
+		$[56] = t31;
+		$[57] = t32;
+	} else t32 = $[57];
+	const finalMods = t32;
+	const t33 = finalMods["menu-native-row"];
+	let t34;
+	if ($[58] !== t33) {
+		t34 = { "row-native-cell": t33 };
+		$[58] = t33;
+		$[59] = t34;
+	} else t34 = $[59];
+	const nativeCellMods = t34;
+	const t35 = descriptionProps?.ref;
+	let t36;
+	if ($[60] !== children || $[61] !== description || $[62] !== labelProps || $[63] !== labelRefProp || $[64] !== t35 || $[65] !== tooltip) {
+		t36 = {
 			tooltip,
 			children,
 			description,
 			labelProps,
 			labelRef: labelRefProp,
-			descriptionRef: t36,
-			isDynamicLabel: t37
+			descriptionRef: t35
 		};
 		$[60] = children;
 		$[61] = description;
 		$[62] = labelProps;
 		$[63] = labelRefProp;
-		$[64] = t36;
-		$[65] = t37;
-		$[66] = tooltip;
-		$[67] = t38;
-	} else t38 = $[67];
-	const { labelProps: finalLabelProps, labelRef, descriptionRef, renderWithTooltip, isTooltipActive } = useAutoTooltip(t38);
+		$[64] = t35;
+		$[65] = tooltip;
+		$[66] = t36;
+	} else t36 = $[66];
+	const { labelProps: finalLabelProps, labelRef, descriptionRef, renderWithTooltip, isTooltipActive } = useAutoTooltip(t36);
 	const { isNativelyDisabled, isInert, inertProps } = getDisabledElementProps({
 		isDisabled: finalIsDisabled,
 		keepEvents: isTooltipActive,
 		as: rest.as
 	});
-	let t39;
-	if ($[68] !== children || $[69] !== highlight || $[70] !== highlightCaseSensitive || $[71] !== highlightStyles) {
-		t39 = highlightContent(children, highlight, highlightCaseSensitive, highlightStyles);
-		$[68] = children;
-		$[69] = highlight;
-		$[70] = highlightCaseSensitive;
-		$[71] = highlightStyles;
-		$[72] = t39;
-	} else t39 = $[72];
-	const processedChildren = t39;
-	let t40;
-	if ($[73] !== description || $[74] !== highlight || $[75] !== highlightCaseSensitive || $[76] !== highlightStyles) {
-		t40 = highlightContent(description, highlight, highlightCaseSensitive, highlightStyles);
-		$[73] = description;
-		$[74] = highlight;
-		$[75] = highlightCaseSensitive;
-		$[76] = highlightStyles;
-		$[77] = t40;
-	} else t40 = $[77];
-	const processedDescription = t40;
+	let t37;
+	if ($[67] !== children || $[68] !== highlight || $[69] !== highlightCaseSensitive || $[70] !== highlightStyles) {
+		t37 = highlightContent(children, highlight, highlightCaseSensitive, highlightStyles);
+		$[67] = children;
+		$[68] = highlight;
+		$[69] = highlightCaseSensitive;
+		$[70] = highlightStyles;
+		$[71] = t37;
+	} else t37 = $[71];
+	const processedChildren = t37;
+	let t38;
+	if ($[72] !== description || $[73] !== highlight || $[74] !== highlightCaseSensitive || $[75] !== highlightStyles) {
+		t38 = highlightContent(description, highlight, highlightCaseSensitive, highlightStyles);
+		$[72] = description;
+		$[73] = highlight;
+		$[74] = highlightCaseSensitive;
+		$[75] = highlightStyles;
+		$[76] = t38;
+	} else t38 = $[76];
+	const processedDescription = t38;
 	const renderItemElement = (tooltipTriggerProps, tooltipRef) => {
 		const { pointerProps: elementTooltipProps, focusProps: tooltipFocusProps } = typeof hiddenContent === "function" || nativeMenuItemProps ? splitTooltipTriggerProps(tooltipTriggerProps) : {
 			pointerProps: tooltipTriggerProps,