@persona/design-system 0.3.0 → 0.3.1

package/dist/{TableBox-C5qWhr82.mjs.map → TableBox-CaTHcR4F.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"TableBox-C5qWhr82.mjs","names":["DropdownMenu","MoreIcon","XIcon","CircleAlertIcon","FormControlContainer","Popover"],"sources":["../components/TableBox/tableBoxKeyboardNavigation.ts","../components/TableBox/InlineCombobox.tsx","../components/TableBox/TableBoxRowContext.ts","../components/TableBox/InlineInput.tsx","../components/TableBox/TableBoxRowActions.tsx","../components/TableBox/useDelayedInlineEditError.ts","../components/TableBox/TableBoxCell.tsx","../components/TableBox/TableBoxRow.tsx","../components/TableBox/useColumnWidthLock.ts","../components/TableBox/useTableBoxDragAndDrop.ts","../components/TableBox/TableBox.tsx"],"sourcesContent":["export type TableBoxNavigationDirection = 'up' | 'down' | 'left' | 'right';\nexport type HorizontalTableBoxNavigationDirection = Extract<\n  TableBoxNavigationDirection,\n  'left' | 'right'\n>;\n\nconst INLINE_EDITOR_SELECTOR = '[data-tablebox-inline-edit-trigger], input[role=\"combobox\"]';\n\nconst findInlineEditor = (cell: HTMLTableCellElement | null) =>\n  cell?.querySelector<HTMLElement>(INLINE_EDITOR_SELECTOR) ?? null;\n\nexport const isCaretAtNavigationBoundary = (\n  input: HTMLInputElement,\n  direction: HorizontalTableBoxNavigationDirection,\n) => {\n  const { selectionStart, selectionEnd, value } = input;\n  if (selectionStart == null || selectionEnd == null || selectionStart !== selectionEnd) {\n    return false;\n  }\n  return direction === 'left' ? selectionStart === 0 : selectionEnd === value.length;\n};\n\nexport const focusAdjacentInlineEditor = (\n  target: HTMLElement,\n  direction: TableBoxNavigationDirection,\n) => {\n  const currentCell = target.closest('td');\n  const currentRow = currentCell?.closest('tr');\n  if (!(currentCell instanceof HTMLTableCellElement) || currentRow == null) {\n    return false;\n  }\n\n  if (direction === 'up' || direction === 'down') {\n    const adjacentRow =\n      direction === 'up' ? currentRow.previousElementSibling : currentRow.nextElementSibling;\n    if (!(adjacentRow instanceof HTMLTableRowElement)) {\n      return false;\n    }\n\n    const adjacentEditor = findInlineEditor(adjacentRow.cells.item(currentCell.cellIndex));\n    adjacentEditor?.focus();\n    return adjacentEditor != null;\n  }\n\n  let adjacentCell =\n    direction === 'left' ? currentCell.previousElementSibling : currentCell.nextElementSibling;\n  while (adjacentCell instanceof HTMLTableCellElement) {\n    const adjacentEditor = findInlineEditor(adjacentCell);\n    if (adjacentEditor != null) {\n      adjacentEditor.focus();\n      return true;\n    }\n    adjacentCell =\n      direction === 'left' ? adjacentCell.previousElementSibling : adjacentCell.nextElementSibling;\n  }\n\n  return false;\n};\n","import { type RefObject, useCallback, useContext, useState } from 'react';\nimport styled from 'styled-components';\n\nimport Combobox from '@persona/design-system/components/Combobox';\nimport { Spacing } from '@persona/design-tokens';\n\nimport { type InlineEditConfig, TableBoxContext } from './TableBox';\nimport {\n  focusAdjacentInlineEditor,\n  isCaretAtNavigationBoundary,\n} from './tableBoxKeyboardNavigation';\n\ninterface InlineComboboxProps {\n  /**\n   * The id of the item the cell belongs to\n   */\n  itemId: string;\n  /**\n   * Initial value for the cell\n   */\n  value: string;\n  /**\n   * The column key this cell belongs to\n   */\n  columnKey?: string;\n  /**\n   * The inline edit configuration for this cell\n   */\n  inlineEditConfig?: InlineEditConfig;\n  /**\n   * The content to display when not editing. If no children are passed, the value will be displayed.\n   */\n  children?: React.ReactNode;\n  /**\n   * Reference to the table row element. Used for full-width combobox dropdowns.\n   */\n  rowRef?: RefObject<HTMLTableRowElement>;\n  /** Whether the closed display is preceded by an error icon. */\n  hasLeadingError?: boolean;\n}\n\nconst StyledCombobox = styled(Combobox)<{ $hideText?: boolean }>`\n  border: none;\n  background-color: transparent;\n\n  /* Suppress the focus outline — it extends outside the input and is clipped\n     by the scroll container. Use && for specificity. */\n  && input,\n  && input:focus-visible:not(:disabled) {\n    outline: none;\n  }\n\n  ${({ $hideText }) =>\n    $hideText &&\n    `\n    input {\n      color: transparent;\n      caret-color: transparent;\n    }\n    input::placeholder {\n      color: transparent;\n    }\n  `}\n`;\n\nconst ChildrenOverlay = styled.div<{ $hasLeadingError?: boolean; $truncate?: boolean }>`\n  position: absolute;\n  left: ${({ $hasLeadingError }) => ($hasLeadingError ? Spacing[1] : Spacing[2])};\n  top: 50%;\n  transform: translateY(-50%);\n  z-index: 1;\n  pointer-events: none;\n\n  // ${Spacing[5]} matches the sm ComboboxInput padding-right, keeping the text clear of the caret.\n  ${({ $truncate }) =>\n    $truncate &&\n    `\n    right: ${Spacing[5]};\n  `}\n`;\n\nconst ComboboxWrapper = styled.div`\n  position: relative;\n  width: 100%;\n`;\n\nconst InlineCombobox = ({\n  itemId,\n  value,\n  columnKey,\n  inlineEditConfig,\n  children,\n  rowRef,\n  hasLeadingError,\n}: InlineComboboxProps) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const context = useContext(TableBoxContext);\n  const setColumnWidthsLocked = context?.setColumnWidthsLocked;\n  const currentColumn = context?.columns?.find((c) => c.key === columnKey);\n  const placeholder = inlineEditConfig?.placeholder || currentColumn?.title || '';\n  const fullWidthComboboxDropdown = inlineEditConfig?.fullWidthComboboxDropdown || false;\n\n  // Use rowRef as portalContainerRef when fullWidthComboboxDropdown is enabled\n  const portalContainerRef = fullWidthComboboxDropdown && rowRef ? rowRef : undefined;\n\n  const showOverlay = !isOpen && !!children;\n\n  // Mirror `InlineInput`'s edit-lifecycle contract so the parent TableBox\n  // can lock column widths while the combobox is open. Without this, the\n  // text→input swap (`$hideText`) and the focus-driven `RowActionsContainer`\n  // appearing in the cell can reflow data columns when the dropdown opens.\n  //\n  // useCallback is critical here: ComboboxSingleSelect calls onOpenChange from\n  // a useEffect with [isOpen, onOpenChange] deps. A new function reference on\n  // every render would cause that effect to fire spuriously, calling\n  // setColumnWidthsLocked(false) and wiping out lockedColWidths set by a sibling\n  // text-input cell — causing the text-input column to shift when clicked.\n  const handleOpenChange = useCallback(\n    (open: boolean) => {\n      setIsOpen(open);\n      setColumnWidthsLocked?.(open);\n    },\n    [setColumnWidthsLocked],\n  );\n\n  return (\n    <ComboboxWrapper\n      onKeyDownCapture={(event) => {\n        if (isOpen || (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight')) {\n          return;\n        }\n        const direction = event.key === 'ArrowLeft' ? 'left' : 'right';\n        if (\n          !(event.target instanceof HTMLInputElement) ||\n          !isCaretAtNavigationBoundary(event.target, direction)\n        ) {\n          return;\n        }\n        const movedFocus = focusAdjacentInlineEditor(event.currentTarget, direction);\n        if (movedFocus) {\n          event.preventDefault();\n          event.stopPropagation();\n        }\n      }}\n    >\n      {showOverlay && (\n        <ChildrenOverlay\n          $hasLeadingError={hasLeadingError}\n          $truncate={inlineEditConfig?.truncateDisplay}\n        >\n          {children}\n        </ChildrenOverlay>\n      )}\n      <StyledCombobox\n        $hideText={showOverlay}\n        value={value}\n        options={inlineEditConfig?.options || []}\n        onChange={(newValue) => {\n          if (inlineEditConfig?.onChange && newValue !== value && typeof newValue === 'string') {\n            inlineEditConfig.onChange(itemId, newValue);\n          }\n        }}\n        onOpenChange={handleOpenChange}\n        placeholder={placeholder}\n        size='sm'\n        portal={inlineEditConfig?.useComboboxPortal || false}\n        portalContainerRef={portalContainerRef}\n      />\n    </ComboboxWrapper>\n  );\n};\n\nexport default InlineCombobox;\n","import { createContext, type RefObject } from 'react';\n\ninterface TableBoxRowContextValue {\n  /**\n   * Ref to the surrounding `<tr>`. Used by inline-edit comboboxes that opt\n   * into `fullWidthComboboxDropdown` so they can portal their dropdown\n   * positioned to the row.\n   */\n  rowRef: RefObject<HTMLTableRowElement>;\n  /** Deletes this row when keyboard editing identifies it as removable. */\n  onDelete?: () => void;\n  /** Notifies the row that a descendant inline editor committed or canceled. */\n  onEditingEnd: () => void;\n  /** True when every data cell after the first has an explicitly empty value. */\n  areOtherCellsBlank: boolean;\n}\n\nexport const TableBoxRowContext = createContext<TableBoxRowContextValue | null>(null);\n","import { useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { Typography } from '@persona/design-tokens';\n\nimport { type InlineEditConfig, TableBoxContext } from './TableBox';\nimport {\n  focusAdjacentInlineEditor,\n  isCaretAtNavigationBoundary,\n} from './tableBoxKeyboardNavigation';\nimport { TableBoxRowContext } from './TableBoxRowContext';\n\ninterface InlineInputProps {\n  /**\n   * The id of the item the cell belongs to\n   */\n  itemId: string;\n  /**\n   * Initial value for the cell\n   */\n  value: string;\n  /**\n   * The column key this cell belongs to\n   */\n  columnKey?: string;\n  /**\n   * The inline edit configuration for this cell\n   */\n  inlineEditConfig?: InlineEditConfig;\n  /** Notifies the cell that this inline editor committed or canceled. */\n  onEditingEnd?: () => void;\n  /**\n   * The content to display when not editing. If no children are passed, the value will be displayed.\n   */\n  children?: React.ReactNode;\n}\n\nconst sharedInputStyles = css`\n  font: inherit;\n  color: inherit;\n  outline: none;\n  border: none;\n  padding: 0;\n  pointer-events: auto;\n  width: 100%;\n  background: transparent;\n  line-height: ${Typography.TextSmall.lineHeight};\n`;\n\nconst InlineEditInput = styled.input`\n  ${sharedInputStyles}\n`;\n\nconst InlineEditTextarea = styled.textarea`\n  ${sharedInputStyles}\n  resize: none;\n  overflow-y: auto;\n  min-height: ${Typography.TextSmall.lineHeight};\n  scrollbar-width: none;\n`;\n\nconst InlineEditDisplay = styled.div<{ $multiline?: boolean }>`\n  cursor: text;\n  outline: none;\n  width: 100%;\n  height: 100%;\n  min-height: ${Typography.TextSmall.lineHeight};\n  line-height: ${Typography.TextSmall.lineHeight};\n\n  ${({ $multiline }) =>\n    $multiline\n      ? css`\n          display: -webkit-box;\n          -webkit-line-clamp: 2;\n          -webkit-box-orient: vertical;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: pre-wrap;\n          word-break: break-word;\n        `\n      : css`\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        `}\n`;\n\nconst InlineInput = ({\n  itemId,\n  value,\n  columnKey,\n  inlineEditConfig,\n  onEditingEnd,\n  children,\n}: InlineInputProps) => {\n  const { columns, newRowId, setColumnWidthsLocked, scheduleCreateNewRowAfterCommit } =\n    useContext(TableBoxContext) ?? {};\n  const rowContext = useContext(TableBoxRowContext);\n  // Check if this cell should render in inline edit mode (first cell of newly created row)\n  const initialInlineEditState = itemId === newRowId && columnKey === columns?.[0]?.key;\n  const [isInlineEditing, setIsInlineEditing] = useState(initialInlineEditState);\n  const [editValue, setEditValue] = useState(value);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n  const cancelledRef = useRef(false);\n\n  const isMultiline = inlineEditConfig?.multiline === true;\n\n  // set the cancelledRef to false when the component unmounts\n  useEffect(() => {\n    return () => {\n      cancelledRef.current = false;\n    };\n  }, []);\n\n  // Auto-resize textarea to fit content. useLayoutEffect runs before paint so the\n  // intermediate height: auto state is never visible, eliminating flicker.\n  useLayoutEffect(() => {\n    if (isInlineEditing && isMultiline && textareaRef.current) {\n      const textarea = textareaRef.current;\n      textarea.style.height = 'auto';\n      textarea.style.height = `${textarea.scrollHeight}px`;\n    }\n  }, [isInlineEditing, editValue, isMultiline]);\n\n  // Position cursor at end of textarea when editing starts\n  useEffect(() => {\n    if (isInlineEditing && isMultiline && textareaRef.current) {\n      const length = textareaRef.current.value.length;\n      textareaRef.current.setSelectionRange(length, length);\n    }\n  }, [isInlineEditing, isMultiline]);\n\n  const placeholder = useMemo(() => {\n    const column = columns?.find((c) => c.key === columnKey);\n    return column?.inlineEditConfig?.placeholder || column?.title || '';\n  }, [columns, columnKey]);\n\n  const notifyEditingEnd = () => {\n    onEditingEnd?.();\n    rowContext?.onEditingEnd();\n    setColumnWidthsLocked?.(false);\n  };\n\n  const handleInlineEditKeyDown = (\n    e: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>,\n  ) => {\n    const isFirstCell = columnKey === columns?.[0]?.key;\n    if (\n      (e.key === 'Delete' || e.key === 'Backspace') &&\n      isFirstCell &&\n      editValue === '' &&\n      rowContext?.areOtherCellsBlank &&\n      rowContext.onDelete\n    ) {\n      e.preventDefault();\n      e.stopPropagation();\n      cancelledRef.current = true;\n      setColumnWidthsLocked?.(false);\n      const focusedAdjacentRow =\n        focusAdjacentInlineEditor(e.currentTarget, 'down') ||\n        focusAdjacentInlineEditor(e.currentTarget, 'up');\n      if (!focusedAdjacentRow) {\n        e.currentTarget.closest('table')?.focus();\n      }\n      rowContext.onDelete();\n    } else if (\n      !isMultiline &&\n      (e.key === 'ArrowUp' ||\n        e.key === 'ArrowDown' ||\n        e.key === 'ArrowLeft' ||\n        e.key === 'ArrowRight')\n    ) {\n      const direction =\n        e.key === 'ArrowUp'\n          ? 'up'\n          : e.key === 'ArrowDown'\n            ? 'down'\n            : e.key === 'ArrowLeft'\n              ? 'left'\n              : 'right';\n      const canMoveFocus =\n        direction === 'up' ||\n        direction === 'down' ||\n        (e.currentTarget instanceof HTMLInputElement &&\n          isCaretAtNavigationBoundary(e.currentTarget, direction));\n      const movedFocus = canMoveFocus && focusAdjacentInlineEditor(e.currentTarget, direction);\n      if (movedFocus) {\n        e.preventDefault();\n        e.stopPropagation();\n      }\n    } else if (e.key === 'Enter') {\n      if (isMultiline) {\n        // In multiline mode, Ctrl+Enter or Cmd+Enter saves\n        if (e.ctrlKey || e.metaKey) {\n          e.preventDefault();\n          e.stopPropagation();\n          handleInlineEditConfirm();\n          notifyEditingEnd();\n          setIsInlineEditing(false);\n        }\n        // Regular Enter adds a newline (default behavior)\n      } else {\n        // In single-line mode, Enter saves\n        e.preventDefault();\n        e.stopPropagation();\n        handleInlineEditConfirm();\n        notifyEditingEnd();\n        setIsInlineEditing(false);\n        const isLastCell = columnKey === columns?.at(-1)?.key;\n        const currentRow = e.currentTarget.closest('tr');\n        const isLastRow = currentRow != null && currentRow.nextElementSibling == null;\n        if (isLastCell && isLastRow) {\n          scheduleCreateNewRowAfterCommit?.();\n        }\n      }\n    } else if (e.key === 'Tab') {\n      handleInlineEditConfirm();\n    } else if (e.key === 'Escape') {\n      e.preventDefault();\n      e.stopPropagation();\n      handleInlineEditCancel();\n    }\n  };\n\n  const handleInlineEditConfirm = () => {\n    if (inlineEditConfig?.onChange && editValue !== value) {\n      inlineEditConfig.onChange(itemId, editValue);\n    }\n  };\n\n  const handleInlineEditCancel = () => {\n    cancelledRef.current = true;\n    setEditValue(value);\n    notifyEditingEnd();\n    setIsInlineEditing(false);\n  };\n\n  const handleInlineEditBlur = () => {\n    // Only save on blur if the user didn't press Escape\n    if (!cancelledRef.current) {\n      handleInlineEditConfirm();\n    }\n    cancelledRef.current = false;\n    setIsInlineEditing(false);\n    setColumnWidthsLocked?.(false);\n  };\n\n  return isInlineEditing ? (\n    isMultiline ? (\n      <InlineEditTextarea\n        ref={textareaRef}\n        value={editValue}\n        onChange={(e) => setEditValue(e.target.value)}\n        onBlur={handleInlineEditBlur}\n        onKeyDown={handleInlineEditKeyDown}\n        placeholder={placeholder}\n        autoFocus\n        // without this, the textarea will be 2 lines high by default,\n        // even when there's only one line of text\n        rows={1}\n      />\n    ) : (\n      <InlineEditInput\n        ref={inputRef}\n        value={editValue}\n        onChange={(e) => setEditValue(e.target.value)}\n        onBlur={handleInlineEditBlur}\n        onKeyDown={handleInlineEditKeyDown}\n        placeholder={placeholder}\n        autoFocus\n      />\n    )\n  ) : (\n    <InlineEditDisplay\n      tabIndex={0}\n      data-tablebox-inline-edit-trigger\n      $multiline={isMultiline}\n      onFocus={() => {\n        setEditValue(value);\n        setColumnWidthsLocked?.(true);\n        setIsInlineEditing(true);\n      }}\n    >\n      {children || value}\n    </InlineEditDisplay>\n  );\n};\n\nexport default InlineInput;\n","import styled, { css } from 'styled-components';\n\nimport { IconButton } from '@persona/design-system/components/Button';\nimport DropdownMenu from '@persona/design-system/components/DropdownMenu';\nimport type { MenuItemProps } from '@persona/design-system/components/Menu';\nimport { TransitionDuration } from '@persona/design-system/variables/transitions';\nimport { Color, Spacing } from '@persona/design-tokens';\nimport { MoreIcon, XIcon } from '@persona/icons/12px';\n\nexport type RowAction = {\n  label: string;\n  onClick: () => void;\n} & Omit<MenuItemProps, 'children'>;\n\nconst IconButtonWidth = 16;\nconst BackgroundFadeWidth = 12;\nconst RowActionsContainerBaseWidth = parseInt(Spacing[1]) + IconButtonWidth + parseInt(Spacing[2]);\nexport const RowActionsContainerWithFadeWidth = BackgroundFadeWidth + RowActionsContainerBaseWidth;\n\n/**\n * Container for row-level actions (`actions` menu and/or delete `X`). Used\n * in two layouts:\n *\n * - **Dedicated trailing column** (`$inDedicatedColumn=true`, the default\n *   for horizontal-scroll mode): laid out in normal flow inside\n *   `PinnedActionsCell`.\n * - **Overlaid in last data cell** (`$inDedicatedColumn=false`,\n *   `disableHorizontalScroll` mode): absolutely positioned on top of the\n *   last cell's content with a fade gradient so it overlaps text on hover.\n *\n * Other variant props:\n * - `$hasCombobox` — last data column is an inline combobox; we use auto\n *   width so the caret↔first-action gap matches the action↔delete gap, and\n *   we drop the gradient so there's no fade running over the caret.\n * - `$hasDelete` — fade the container in only on hover, mirroring the\n *   legacy \"show delete on hover\" behavior.\n */\nexport const RowActionsContainer = styled.div<{\n  $hasActions?: boolean;\n  $hasDelete?: boolean;\n  $hasCombobox?: boolean;\n  $inDedicatedColumn?: boolean;\n}>`\n  width: ${({ $hasCombobox }) => ($hasCombobox ? 'auto' : `${RowActionsContainerWithFadeWidth}px`)};\n  position: ${({ $hasCombobox, $inDedicatedColumn }) =>\n    $hasCombobox || $inDedicatedColumn ? 'static' : 'absolute'};\n  right: ${Spacing[2]};\n  top: 0;\n  height: 100%;\n  display: flex;\n  gap: ${Spacing[1]};\n  align-items: center;\n  justify-content: end;\n  transition: opacity ${TransitionDuration.Fast} ease-out;\n  background: linear-gradient(\n    to right,\n    transparent,\n    ${Color.BackgroundPrimary} ${BackgroundFadeWidth}px\n  );\n\n  /* Combobox cells render actions inline next to the caret. The padding-left\n     keeps the caret↔first-action gap visually balanced with the gap between\n     the actions themselves. */\n  ${({ $hasCombobox }) =>\n    $hasCombobox &&\n    css`\n      background: none;\n      padding-right: ${Spacing[2]};\n      padding-left: ${Spacing[1]};\n    `}\n\n  /* PinnedActionsCell is transparent (so scrolling content can pass under it);\n     owning the right gutter here keeps the container's opaque gradient flush\n     to the cell's right edge. */\n  ${({ $inDedicatedColumn, $hasCombobox }) =>\n    $inDedicatedColumn &&\n    !$hasCombobox &&\n    css`\n      padding-right: ${Spacing[2]};\n    `}\n\n  /* Hide on hover only when delete is present (matches legacy behavior). */\n  ${({ $hasDelete }) =>\n    $hasDelete &&\n    css`\n      opacity: 0;\n    `}\n\n  /* Make room for both buttons; combobox cells use auto width so they can sit\n     inline next to the caret. */\n  ${({ $hasActions, $hasDelete, $hasCombobox }) =>\n    $hasActions &&\n    $hasDelete &&\n    !$hasCombobox &&\n    css`\n      width: ${RowActionsContainerWithFadeWidth + parseInt(Spacing[1]) + IconButtonWidth}px;\n    `}\n`;\n\ninterface RowActionsProps {\n  actions?: RowAction[];\n  onDelete?: () => void;\n  /** When true, sizes/positions for the dedicated sticky trailing column. */\n  inDedicatedColumn?: boolean;\n  /** When true, sizes/positions inline alongside a combobox caret. */\n  inCombobox?: boolean;\n}\n\n/**\n * Renders the actions menu and/or delete icon button inside a\n * `RowActionsContainer`. Used both as an absolute overlay inside the\n * last data cell (fixed-layout mode) and as static content inside the\n * dedicated sticky trailing column (horizontal scroll mode).\n */\nexport const RowActions = ({\n  actions,\n  onDelete,\n  inDedicatedColumn,\n  inCombobox,\n}: RowActionsProps) => {\n  const hasActions = !!actions?.length;\n\n  if (!hasActions && !onDelete) {\n    return null;\n  }\n  return (\n    <RowActionsContainer\n      $hasActions={hasActions}\n      $hasDelete={!!onDelete}\n      $hasCombobox={inCombobox}\n      $inDedicatedColumn={inDedicatedColumn}\n      onClick={(e) => e.stopPropagation()}\n    >\n      {hasActions && (\n        <DropdownMenu\n          // Escape `PinnedActionsCell`'s stacking context — without portaling\n          // subsequent rows' sticky cells paint over the menu.\n          portal\n          trigger={\n            <IconButton aria-label='Actions'>\n              <MoreIcon />\n            </IconButton>\n          }\n        >\n          {actions?.map(({ label, onClick, ...rest }) => (\n            <DropdownMenu.Item key={label} {...rest} onClick={onClick} size='sm'>\n              {label}\n            </DropdownMenu.Item>\n          ))}\n        </DropdownMenu>\n      )}\n      {onDelete && (\n        <IconButton aria-label='Delete' onClick={onDelete}>\n          <XIcon />\n        </IconButton>\n      )}\n    </RowActionsContainer>\n  );\n};\n","import { type FocusEvent, useCallback, useEffect, useRef, useState } from 'react';\n\nconst ERROR_DELAY_MS = 500;\n\nconst isEditableTarget = (target: EventTarget | null) =>\n  target instanceof HTMLElement && (target.matches('input, textarea') || target.isContentEditable);\n\nconst useDelayedInlineEditError = (errorText?: string) => {\n  const errorTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const lastEditingEndAtRef = useRef<number | null>(null);\n  const isEditingRef = useRef(false);\n  const errorTextRef = useRef(errorText);\n  errorTextRef.current = errorText;\n  const [isErrorVisible, setIsErrorVisible] = useState(Boolean(errorText));\n\n  const clearErrorTimer = useCallback(() => {\n    if (errorTimerRef.current != null) {\n      clearTimeout(errorTimerRef.current);\n      errorTimerRef.current = null;\n    }\n  }, []);\n\n  const scheduleError = useCallback(\n    (delay = ERROR_DELAY_MS) => {\n      clearErrorTimer();\n      if (!errorTextRef.current) {\n        return;\n      }\n\n      errorTimerRef.current = setTimeout(() => {\n        if (errorTextRef.current && !isEditingRef.current) {\n          setIsErrorVisible(true);\n        }\n        errorTimerRef.current = null;\n      }, delay);\n    },\n    [clearErrorTimer],\n  );\n\n  useEffect(() => {\n    if (!errorText) {\n      clearErrorTimer();\n      setIsErrorVisible(false);\n      return;\n    }\n\n    if (isEditingRef.current) {\n      setIsErrorVisible(false);\n      return;\n    }\n\n    if (lastEditingEndAtRef.current == null) {\n      clearErrorTimer();\n      setIsErrorVisible(true);\n    } else if (!isErrorVisible) {\n      const elapsed = Date.now() - lastEditingEndAtRef.current;\n      scheduleError(Math.max(0, ERROR_DELAY_MS - elapsed));\n    }\n  }, [clearErrorTimer, errorText, isErrorVisible, scheduleError]);\n\n  useEffect(() => clearErrorTimer, [clearErrorTimer]);\n\n  const onFocus = useCallback(\n    (event: FocusEvent<HTMLElement>) => {\n      if (!isEditableTarget(event.target)) {\n        return;\n      }\n\n      isEditingRef.current = true;\n      lastEditingEndAtRef.current = null;\n      clearErrorTimer();\n      setIsErrorVisible(false);\n    },\n    [clearErrorTimer],\n  );\n\n  const onEditingEnd = useCallback(() => {\n    if (!isEditingRef.current) {\n      return;\n    }\n\n    isEditingRef.current = false;\n    lastEditingEndAtRef.current = Date.now();\n    scheduleError();\n  }, [scheduleError]);\n\n  const onBlur = useCallback(\n    (event: FocusEvent<HTMLElement>) => {\n      if (!isEditableTarget(event.target)) {\n        return;\n      }\n\n      onEditingEnd();\n    },\n    [onEditingEnd],\n  );\n\n  return { isErrorVisible, onBlur, onEditingEnd, onFocus };\n};\n\nexport default useDelayedInlineEditError;\n","import { type ComponentPropsWithoutRef, type FocusEvent, useContext } from 'react';\nimport styled from 'styled-components';\n\nimport { HStack } from '@persona/design-system/components/Stack';\nimport { TableCell } from '@persona/design-system/components/Table';\nimport Tooltip from '@persona/design-system/components/Tooltip';\nimport { paragraphMixins } from '@persona/design-system/mixins/text';\nimport { Color, Spacing, Typography } from '@persona/design-tokens';\nimport { CircleAlertIcon } from '@persona/icons/12px';\n\nimport InlineCombobox from './InlineCombobox';\nimport InlineInput from './InlineInput';\nimport { type InlineEditConfig, TableBoxContext } from './TableBox';\nimport { type RowAction, RowActions } from './TableBoxRowActions';\nimport { TableBoxRowContext } from './TableBoxRowContext';\nimport useDelayedInlineEditError from './useDelayedInlineEditError';\n\nexport interface TableBoxCellProps extends ComponentPropsWithoutRef<typeof TableCell> {\n  /** The id of the item the cell belongs to */\n  itemId?: string;\n  /** Initial value for the cell */\n  value?: string;\n  /** The column key this cell belongs to. Used to look up the change handler from context. */\n  columnKey?: string;\n  /**\n   * Error shown immediately until inline editing begins. Focusing the cell's editable input hides\n   * the error, and ending the inline edit resurfaces it after 500ms.\n   */\n  errorText?: string;\n  /**\n   * Whether this is the last cell in the row. Set automatically by\n   * `TableBoxRow` so that, in fixed-layout mode (no dedicated trailing\n   * actions column), the cell can host the row's actions / delete button.\n   */\n  isLastCell?: boolean;\n  /**\n   * Row actions, only injected by `TableBoxRow` when actions live inside\n   * the last data cell (fixed-layout mode).\n   */\n  actions?: RowAction[];\n  /**\n   * Delete handler, only injected by `TableBoxRow` when delete lives inside\n   * the last data cell (fixed-layout mode).\n   */\n  onDelete?: (id: string | number) => void;\n  /**\n   * Cell-specific inline edit configuration.\n   * Properties provided here will override the column-level configuration.\n   * Useful for per-row customization of options, onChange handlers, etc.\n   */\n  inlineEditConfigOverride?: Partial<InlineEditConfig>;\n  /** @internal Visible row-wide error injected into the first cell by `TableBoxRow`. */\n  rowErrorText?: string;\n}\n\nconst CELL_VERTICAL_PADDING = Spacing[1];\nconst CELL_HEIGHT = `calc(${Typography.TextSmall.lineHeight} + (${CELL_VERTICAL_PADDING} * 2))`;\n\nconst StyledCell = styled(TableCell)<{ $noPadding?: boolean }>`\n  ${paragraphMixins.sm};\n  // height acts as min-height for table cells\n  height: ${CELL_HEIGHT};\n  padding: ${({ $noPadding }) => ($noPadding ? Spacing[0] : `${CELL_VERTICAL_PADDING} ${Spacing[2]}`)};\n  border-bottom: 1px solid ${Color.BorderHairline};\n  position: relative;\n`;\n\nconst StyledCellContent = styled.div`\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  flex-grow: 1;\n  min-width: 0;\n`;\n\nconst CellErrorContainer = styled.span<{ $inset?: boolean }>`\n  display: inline-block;\n  line-height: ${Typography.TextSmall.lineHeight};\n  margin-right: ${({ $inset }) => ($inset ? Spacing[0] : Spacing[1])};\n  padding-left: ${({ $inset }) => ($inset ? Spacing[2] : Spacing[0])};\n  position: relative;\n  /* Optically center the 12px alert glyph against the text's visual bounds. */\n  top: 1px;\n`;\n\nconst TableBoxCell = ({\n  children,\n  itemId = '',\n  value = '',\n  columnKey,\n  errorText,\n  isLastCell = false,\n  actions,\n  onDelete,\n  inlineEditConfigOverride,\n  rowErrorText,\n  onBlur,\n  onFocus,\n  ...props\n}: TableBoxCellProps) => {\n  const context = useContext(TableBoxContext);\n  const rowContext = useContext(TableBoxRowContext);\n  const {\n    isErrorVisible,\n    onBlur: handleDelayedErrorBlur,\n    onEditingEnd: handleDelayedErrorEditingEnd,\n    onFocus: handleDelayedErrorFocus,\n  } = useDelayedInlineEditError(errorText);\n\n  if (context == null) {\n    throw new Error('TableBox context is not set');\n  }\n\n  const column = context.columns.find((c) => c.key === columnKey);\n  const columnConfig = column?.inlineEditConfig;\n\n  // Cell-level overrides shallow-merge over the column-level config.\n  let inlineEditConfig =\n    context.disabled || columnConfig == null\n      ? undefined\n      : inlineEditConfigOverride\n        ? { ...columnConfig, ...inlineEditConfigOverride }\n        : columnConfig;\n\n  // Portal combobox dropdowns when the scroll container clips overflow\n  // (`overflow-x: auto` from horizontal overflow, or `overflow-y: auto` from\n  // maxHeight). When the table fits with no height cap we leave them\n  // un-portaled to avoid ancestor RAC modals marking them aria-hidden.\n  // fullWidthComboboxDropdown callers always need the portal.\n  if (\n    inlineEditConfig?.type === 'combobox' &&\n    (context.clipsOverflow || inlineEditConfig?.fullWidthComboboxDropdown)\n  ) {\n    inlineEditConfig = {\n      ...inlineEditConfig,\n      useComboboxPortal: true,\n    };\n  }\n\n  const handleDelete = () => {\n    if (onDelete && itemId) {\n      onDelete(itemId);\n    }\n  };\n\n  const handleFocus = (event: FocusEvent<HTMLTableCellElement>) => {\n    handleDelayedErrorFocus(event);\n    onFocus?.(event);\n  };\n\n  const handleBlur = (event: FocusEvent<HTMLTableCellElement>) => {\n    handleDelayedErrorBlur(event);\n    onBlur?.(event);\n  };\n\n  const visibleErrorText = isErrorVisible && errorText ? errorText : rowErrorText;\n\n  return (\n    <StyledCell\n      {...props}\n      $noPadding={inlineEditConfig?.type === 'combobox'}\n      tabIndex={-1}\n      onBlur={handleBlur}\n      onFocus={handleFocus}\n    >\n      <HStack align='center' spacing={Spacing[0]}>\n        {visibleErrorText != null && (\n          <CellErrorContainer $inset={inlineEditConfig?.type === 'combobox'}>\n            <Tooltip\n              aria-label={`Error: ${visibleErrorText}`}\n              iconTrigger={<CircleAlertIcon color={Color.BorderIconDanger} size='12' />}\n              side='top'\n              size='sm'\n            >\n              {visibleErrorText}\n            </Tooltip>\n          </CellErrorContainer>\n        )}\n        {inlineEditConfig ? (\n          inlineEditConfig.type === 'combobox' ? (\n            <InlineCombobox\n              itemId={itemId}\n              value={value}\n              columnKey={columnKey}\n              inlineEditConfig={inlineEditConfig}\n              rowRef={rowContext?.rowRef}\n              hasLeadingError={visibleErrorText != null}\n            >\n              <StyledCellContent>{children}</StyledCellContent>\n            </InlineCombobox>\n          ) : (\n            <InlineInput\n              itemId={itemId}\n              value={value}\n              columnKey={columnKey}\n              inlineEditConfig={inlineEditConfig}\n              onEditingEnd={handleDelayedErrorEditingEnd}\n            >\n              {children}\n            </InlineInput>\n          )\n        ) : (\n          <StyledCellContent>{children}</StyledCellContent>\n        )}\n        {isLastCell && !context.disabled && (\n          <RowActions\n            actions={actions}\n            onDelete={onDelete ? handleDelete : undefined}\n            inCombobox={inlineEditConfig?.type === 'combobox'}\n          />\n        )}\n      </HStack>\n    </StyledCell>\n  );\n};\n\nexport default TableBoxCell;\n","import { useSortable } from '@dnd-kit/sortable';\nimport {\n  Children,\n  cloneElement,\n  type ComponentPropsWithoutRef,\n  type FocusEvent,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { CaretButton } from '@persona/design-system/components/Combobox';\nimport { FormGroupContext } from '@persona/design-system/components/ConfigFormGroup';\nimport { Container as FormControlContainer } from '@persona/design-system/components/FormControl';\nimport type { MenuItemProps } from '@persona/design-system/components/Menu';\nimport Popover from '@persona/design-system/components/Popover';\nimport Stack from '@persona/design-system/components/Stack';\nimport { TableCell, TableRow } from '@persona/design-system/components/Table';\nimport { Z_INDICES } from '@persona/design-system/lib/zindex';\nimport { focusOutline } from '@persona/design-system/mixins/focus';\nimport { Elevation } from '@persona/design-system/variables/effect';\nimport { TransitionDuration } from '@persona/design-system/variables/transitions';\nimport { BorderRadius, Color, Spacing, Typography } from '@persona/design-tokens';\nimport { DragIcon } from '@persona/icons';\n\nimport { PinnedActionsCell, TableBoxContext } from './TableBox';\nimport { RowActions, RowActionsContainer } from './TableBoxRowActions';\nimport { TableBoxRowContext } from './TableBoxRowContext';\nimport useDelayedInlineEditError from './useDelayedInlineEditError';\nimport type { DragDirection } from './useTableBoxDragAndDrop';\n\nexport interface TableBoxRowProps extends ComponentPropsWithoutRef<typeof TableRow> {\n  /**\n   * Row-wide error shown immediately in the first cell until inline editing begins. Focusing any\n   * editable input in the row hides the error, and ending the active inline edit resurfaces it\n   * after 500ms.\n   */\n  errorText?: string;\n\n  /**\n   * Actions to display in a dropdown menu.\n   * Supports all props from `MenuItem`.\n   */\n  actions?: Array<\n    {\n      label: string;\n      onClick: () => void;\n    } & Omit<MenuItemProps, 'children'>\n  >;\n\n  /**\n   * Called when the delete (X) icon is clicked. Only renders item-level delete icon if this prop is present.\n   * Receives the item's id as a parameter.\n   */\n  onDelete?: (id: string | number) => void;\n\n  /**\n   * Form fields to be rendered inside a row dropdown popover.\n   * The configField prop will be set to true for all fields via FormGroupContext.\n   * Dropdown will be opened when the row is selected.\n   */\n  dropdownFormFields?: ReactNode;\n\n  /**\n   * Content to be rendered inside the row dropdown popover.\n   * Dropdown will be opened when the row is selected.\n   */\n  dropdownContent?: ReactNode;\n\n  /**\n   * Optional heading text to display in the row dropdown popover.\n   * Either dropdownFormFields or dropdownContent must also be provided,\n   * otherwise the dropdown will not be rendered.\n   */\n  dropdownHeadingText?: string;\n\n  /**\n   * Footer to be rendered inside the row dropdown popover.\n   * Either dropdownFormFields or dropdownContent must also be provided,\n   * otherwise the dropdown will not be rendered.\n   */\n  dropdownFooter?: ReactNode;\n}\n\nconst StyledRow = styled(TableRow)<{\n  $isSelectable?: boolean;\n  $isDragging?: boolean;\n  $dropIndicatorPosition?: 'top' | 'bottom';\n}>`\n  cursor: ${({ $isSelectable }) => ($isSelectable ? 'pointer' : 'default')};\n  position: relative;\n  /* Give every row a solid background so sticky first-column cells (which\n     inherit the row's background) remain opaque during horizontal scroll. */\n  background-color: ${Color.BackgroundPrimary};\n\n  /* Dim the dragged row in place. A floating clone rendered by @dnd-kit's\n     DragOverlay provides the fully-opaque representation that follows the\n     pointer. */\n  ${({ $isDragging }) =>\n    $isDragging &&\n    css`\n      opacity: 0.5;\n    `}\n\n  /* 2px brand-colored drop indicator applied to each cell via inset\n     box-shadow so the line spans the full row width without affecting\n     layout. box-shadow on <td> renders reliably across modern browsers,\n     unlike pseudo-elements on <tr>. */\n  ${({ $dropIndicatorPosition, theme }) =>\n    $dropIndicatorPosition === 'top' &&\n    css`\n      td {\n        box-shadow: inset 0 2px 0 ${theme.color.text.brand};\n      }\n    `}\n\n  ${({ $dropIndicatorPosition, theme }) =>\n    $dropIndicatorPosition === 'bottom' &&\n    css`\n      td {\n        box-shadow: inset 0 -2px 0 ${theme.color.text.brand};\n      }\n    `}\n\n  ${CaretButton} {\n    opacity: 0;\n    transition: opacity ${TransitionDuration.Fast} ease-out;\n\n    /* Allow button to shrink to caret SVG height and width, and adjust alignment to remain vertically centered */\n    width: auto;\n    height: auto;\n    top: 50%;\n    transform: translateY(-50%);\n  }\n\n  &:last-child {\n    td {\n      border-bottom: none;\n      &:first-child {\n        border-bottom-left-radius: ${BorderRadius.Md};\n      }\n      &:last-child {\n        border-bottom-right-radius: ${BorderRadius.Md};\n      }\n    }\n  }\n\n  &[aria-selected='true'] {\n    background: ${({ theme }) => theme.color.background.highlight};\n    color: ${({ theme }) => theme.color.text.brand};\n  }\n\n  /* Hover and edit feedback is scoped to rows that respond to a pointer.\n     Display-only tables (no selection, reordering, actions or inline editing)\n     would otherwise read as clickable. */\n  &[data-interactive] {\n    &:hover:not([aria-selected='true']) {\n      cursor: ${({ $isSelectable }) => ($isSelectable ? 'pointer' : 'default')};\n      color: ${({ theme }) => theme.color.text.primary};\n      background: ${Color.BackgroundSecondary};\n\n      ${RowActionsContainer} {\n        opacity: 1;\n        background: linear-gradient(to right, transparent, ${Color.BackgroundSecondary} 12px);\n      }\n\n      ${CaretButton} {\n        opacity: 1;\n      }\n    }\n\n    &:has(input:focus),\n    &:has(textarea:focus),\n    &:has(input[role='combobox'][aria-expanded='true']),\n    &:has(input:focus):hover,\n    &:has(textarea:focus):hover,\n    &:has(input[role='combobox'][aria-expanded='true']):hover,\n    &:has(button:focus),\n    &:has(button:focus):hover {\n      color: ${({ theme }) => theme.color.text.brand};\n      background-color: ${({ theme }) => theme.color.background.highlight};\n\n      ${RowActionsContainer} {\n        opacity: 1;\n        background: linear-gradient(\n          to right,\n          transparent,\n          ${({ theme }) => theme.color.background.highlight} ${parseInt(Spacing[3])}px\n        );\n      }\n\n      ${CaretButton} {\n        opacity: 1;\n      }\n    }\n\n    /* In fixed-layout mode the actions overlay lives inside the furthest-right\n       column's cell, so revealing the delete (X) on focus would park it on top\n       of the text being edited. While that column's inline input holds focus,\n       keep it hidden; hovering the row still brings it back. */\n    &:not(:hover):has(\n        td:last-child :is(input:not([role='combobox']), textarea):focus\n      ) {\n      ${RowActionsContainer} {\n        opacity: 0;\n      }\n    }\n  }\n`;\n\nconst DragHandleCell = styled(TableCell)`\n  width: 24px;\n  padding: ${Spacing[0]} ${Spacing[1]};\n  border-bottom: 1px solid ${Color.BorderHairline};\n  vertical-align: middle;\n  text-align: center;\n`;\n\n// The `grabbing` cursor during an active drag is applied globally via\n// `document.body.style.cursor` in TableBox, so this button only needs to\n// declare the resting `grab` cursor. `:active` covers the brief interval\n// between mousedown and dnd-kit promoting it to an active drag.\nconst DragHandleButton = styled.button.attrs({ type: 'button' })`\n  background: none;\n  border: none;\n  padding: 0;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  cursor: grab;\n  touch-action: none;\n  color: ${Color.TextSecondary};\n  ${focusOutline}\n\n  &:hover {\n    color: ${Color.TextPrimary};\n  }\n\n  &:active {\n    cursor: grabbing;\n  }\n`;\n\nconst DropdownPopoverHeading = styled.div`\n  ${Typography.TextSmallBold};\n  border-bottom: 1px solid ${Color.BorderHairline};\n  padding: ${Spacing[2]} ${Spacing[3]} ${Spacing[1]};\n`;\n\nconst DropdownPopoverContent = styled(Stack)`\n  min-width: var(--radix-popover-trigger-width);\n  padding: ${Spacing[3]};\n\n  ${FormControlContainer} {\n    min-width: 0;\n  }\n`;\n\nconst DropdownPopoverFooter = styled.div`\n  border-top: 1px solid ${Color.BorderHairline};\n  padding: ${Spacing[1]};\n`;\n\ntype SortableTableBoxRowContentProps = Omit<ComponentPropsWithoutRef<typeof StyledRow>, 'ref'> & {\n  id: string | number;\n  isSelected: boolean;\n  isSelectable: boolean;\n  onClick: () => void;\n  rowRef: React.MutableRefObject<HTMLTableRowElement | null>;\n  draggedDirection: DragDirection;\n};\n\n/**\n * Computes the drop-indicator position for a sortable row. Direction mirrors\n * `HoverCardPropertiesEditTable` / `ListBox`: dragging from above places the\n * line on the hovered row's bottom edge, dragging from below places it on the\n * top edge. The dragged row itself never shows an indicator.\n *\n * `closestCenter` has a \"dead zone\" while the pointer is still over the\n * dragged row's own slot (`overIndex === activeIndex`). We use the drag\n * direction to show the indicator on the immediate neighbor so the\n * \"immediately before/after original\" positions still get feedback.\n */\nconst getDropIndicatorPosition = ({\n  isDragging,\n  index,\n  activeIndex,\n  overIndex,\n  draggedDirection,\n}: {\n  isDragging: boolean;\n  index: number;\n  activeIndex: number;\n  overIndex: number;\n  draggedDirection: DragDirection;\n}): 'top' | 'bottom' | undefined => {\n  if (isDragging || activeIndex === -1) {\n    return undefined;\n  }\n  if (overIndex === index && overIndex !== activeIndex) {\n    return activeIndex < index ? 'bottom' : 'top';\n  }\n  if (overIndex === activeIndex) {\n    if (draggedDirection === 'up' && index === activeIndex - 1) {\n      return 'bottom';\n    }\n    if (draggedDirection === 'down' && index === activeIndex + 1) {\n      return 'top';\n    }\n  }\n  return undefined;\n};\n\n/**\n * Inner row component used when drag-and-drop is enabled on the parent\n * TableBox. Subscribes to the surrounding SortableContext via useSortable and\n * renders a leading drag-handle cell.\n */\nconst SortableTableBoxRowContent = ({\n  id,\n  isSelected,\n  isSelectable,\n  onClick,\n  rowRef,\n  draggedDirection,\n  children,\n  ...props\n}: SortableTableBoxRowContentProps) => {\n  const { attributes, listeners, setNodeRef, isDragging, activeIndex, overIndex, index } =\n    useSortable({ id: String(id) });\n\n  const setRefs = (element: HTMLTableRowElement | null) => {\n    rowRef.current = element;\n    setNodeRef(element);\n  };\n\n  const dropIndicatorPosition = getDropIndicatorPosition({\n    isDragging,\n    index,\n    activeIndex,\n    overIndex,\n    draggedDirection,\n  });\n\n  return (\n    <StyledRow\n      {...props}\n      ref={setRefs}\n      id={String(id)}\n      onClick={onClick}\n      disableHoverBackground={true}\n      aria-selected={isSelected}\n      $isSelectable={isSelectable}\n      $isDragging={isDragging}\n      $dropIndicatorPosition={dropIndicatorPosition}\n    >\n      <DragHandleCell>\n        <DragHandleButton\n          aria-label='Drag to reorder'\n          {...attributes}\n          {...listeners}\n          onClick={(e) => e.stopPropagation()}\n        >\n          <DragIcon />\n        </DragHandleButton>\n      </DragHandleCell>\n      {children}\n    </StyledRow>\n  );\n};\n\nconst TableBoxRow = ({\n  children,\n  actions,\n  onDelete,\n  errorText,\n  id,\n  dropdownFormFields,\n  dropdownContent,\n  dropdownHeadingText,\n  dropdownFooter,\n  onBlur,\n  onFocus,\n  ...props\n}: TableBoxRowProps) => {\n  const context = useContext(TableBoxContext);\n  const isSelected = context?.selectedKey === (id as string);\n  const isSelectable = context?.selectionMode === 'single';\n  const isReorderable = context?.isReorderable ?? false;\n  const rowRegistry = context?.rowRegistry ?? null;\n  const draggedDirection = context?.draggedDirection ?? null;\n  const hasActionsColumn = context?.hasActionsColumn ?? false;\n  const isDisabled = context?.disabled ?? false;\n  const rowRef = useRef<HTMLTableRowElement>(null);\n  const {\n    isErrorVisible,\n    onBlur: handleDelayedErrorBlur,\n    onEditingEnd: handleDelayedErrorEditingEnd,\n    onFocus: handleDelayedErrorFocus,\n  } = useDelayedInlineEditError(errorText);\n  const effectiveActions = isDisabled ? undefined : actions;\n  const effectiveOnDelete = isDisabled ? undefined : onDelete;\n  const hasRowDropdown = Boolean(dropdownFormFields || dropdownContent);\n  // A disabled table keeps its rows viewable and selectable; only inline\n  // editing stops, and reordering and actions are already suppressed above.\n  const hasInlineEditableColumn =\n    !isDisabled && (context?.columns?.some((column) => column.inlineEditConfig != null) ?? false);\n  // A row dropdown opens through selection, so it never adds interactivity that\n  // `isSelectable` does not already cover.\n  const isInteractive =\n    isSelectable ||\n    isReorderable ||\n    hasInlineEditableColumn ||\n    (effectiveActions?.length ?? 0) > 0 ||\n    effectiveOnDelete != null;\n  const dataCells = Children.toArray(children).filter(\n    (child): child is ReactElement<{ value?: string }> => isValidElement<{ value?: string }>(child),\n  );\n  const areOtherCellsBlank = dataCells.slice(1).every((cell) => cell.props.value === '');\n\n  const handleFocus = (event: FocusEvent<HTMLTableRowElement>) => {\n    handleDelayedErrorFocus(event);\n    onFocus?.(event);\n  };\n\n  const handleBlur = (event: FocusEvent<HTMLTableRowElement>) => {\n    handleDelayedErrorBlur(event);\n    onBlur?.(event);\n  };\n\n  const handleClick = () => {\n    if (context?.onRowClick && id && isSelectable) {\n      context.onRowClick(id as string);\n    }\n  };\n\n  const handleDelete = useCallback(() => {\n    if (effectiveOnDelete && id != null) {\n      effectiveOnDelete(id);\n    }\n  }, [effectiveOnDelete, id]);\n  const rowContextValue = useMemo(\n    () => ({\n      rowRef,\n      onDelete: effectiveOnDelete && id != null ? handleDelete : undefined,\n      onEditingEnd: handleDelayedErrorEditingEnd,\n      areOtherCellsBlank,\n    }),\n    [areOtherCellsBlank, effectiveOnDelete, handleDelayedErrorEditingEnd, handleDelete, id],\n  );\n\n  // When the last data column is a combobox, lay out the dedicated actions\n  // cell with `width: auto` so the caret↔actions gap matches the\n  // actions↔delete gap instead of `justify-content: end` parking all the\n  // slack on the left.\n  const lastColumnIsCombobox = context?.columns?.at(-1)?.inlineEditConfig?.type === 'combobox';\n\n  // In horizontal-scroll mode (default) actions live in a dedicated trailing\n  // sticky cell. In `disableHorizontalScroll` (legacy) mode there is no\n  // trailing column, so we instead inject `actions`/`onDelete`/`itemId`/\n  // `isLastCell` into the last data cell via `cloneElement` so the cell can\n  // overlay them on top of its content.\n  const trailingActionsCell = useMemo(\n    () =>\n      hasActionsColumn ? (\n        <PinnedActionsCell>\n          <RowActions\n            actions={effectiveActions}\n            onDelete={effectiveOnDelete ? handleDelete : undefined}\n            inDedicatedColumn\n            inCombobox={lastColumnIsCombobox}\n          />\n        </PinnedActionsCell>\n      ) : null,\n    [hasActionsColumn, effectiveActions, effectiveOnDelete, handleDelete, lastColumnIsCombobox],\n  );\n\n  const renderedChildren = useMemo(() => {\n    if (hasActionsColumn && !isErrorVisible) {\n      return children;\n    }\n\n    const childrenArray = Children.toArray(children);\n    const firstChildIndex = isErrorVisible ? childrenArray.findIndex(isValidElement) : -1;\n    const lastChildIndex = childrenArray.length - 1;\n    return childrenArray.map((child, index) => {\n      if (!isValidElement(child)) {\n        return child;\n      }\n\n      const isFirstCell = index === firstChildIndex;\n      const isLastCell = !hasActionsColumn && index === lastChildIndex;\n      if (!isFirstCell && !isLastCell) {\n        return child;\n      }\n\n      return cloneElement(child as ReactElement, {\n        ...(isFirstCell && { rowErrorText: errorText }),\n        ...(isLastCell && {\n          isLastCell: true,\n          actions: effectiveActions,\n          onDelete: effectiveOnDelete,\n        }),\n        // The cell-side `handleDelete` falsy-checks `itemId` before invoking\n        // `onDelete`, so we must seed it from the row id — otherwise delete\n        // in fixed-layout mode silently no-ops.\n        ...(isLastCell && id != null && { itemId: String(id) }),\n      });\n    });\n  }, [\n    hasActionsColumn,\n    children,\n    effectiveActions,\n    effectiveOnDelete,\n    errorText,\n    id,\n    isErrorVisible,\n  ]);\n\n  // Provider sits between `<tr>` and the `<td>` cells (a React-only wrapper)\n  // so the row itself is still a single DOM element. This matters for the\n  // Popover trigger below: Radix's `<PopoverTrigger asChild>` clones the\n  // trigger element to attach a ref, and `Context.Provider` doesn't forward\n  // refs, so we cannot wrap the whole row with the Provider.\n  const rowChildrenWithContext = useMemo(\n    () => (\n      <TableBoxRowContext.Provider value={rowContextValue}>\n        {renderedChildren}\n        {trailingActionsCell}\n      </TableBoxRowContext.Provider>\n    ),\n    [renderedChildren, trailingActionsCell, rowContextValue],\n  );\n\n  // Register the row's content with the drag overlay registry so the\n  // `DragOverlay` clone can mirror this row when it becomes active. Updating\n  // in an effect (rather than during render) keeps render side-effect-free.\n  // The registered subtree includes the `TableBoxRowContext` provider so the\n  // overlay clone's cells can still resolve `rowRef` (used by inline\n  // comboboxes with `fullWidthComboboxDropdown`).\n  useEffect(() => {\n    if (!rowRegistry || id == null) {\n      return undefined;\n    }\n    const key = String(id);\n    const registry = rowRegistry.current;\n    registry.set(key, rowChildrenWithContext);\n    return () => {\n      registry.delete(key);\n    };\n  }, [id, rowChildrenWithContext, rowRegistry]);\n\n  const rowContent = isReorderable ? (\n    <SortableTableBoxRowContent\n      {...props}\n      data-interactive={isInteractive || undefined}\n      id={id as string | number}\n      isSelected={isSelected}\n      isSelectable={isSelectable}\n      onClick={handleClick}\n      onBlur={handleBlur}\n      onFocus={handleFocus}\n      rowRef={rowRef}\n      draggedDirection={draggedDirection}\n    >\n      {rowChildrenWithContext}\n    </SortableTableBoxRowContent>\n  ) : (\n    <StyledRow\n      {...props}\n      data-interactive={isInteractive || undefined}\n      ref={rowRef}\n      id={id}\n      onClick={handleClick}\n      onBlur={handleBlur}\n      onFocus={handleFocus}\n      disableHoverBackground={true}\n      aria-selected={isSelected}\n      $isSelectable={isSelectable}\n    >\n      {rowChildrenWithContext}\n    </StyledRow>\n  );\n\n  if (hasRowDropdown) {\n    return (\n      <Popover trigger={rowContent} open={isSelected}>\n        <Popover.Card\n          id={context?.rowDropdownId}\n          noPadding\n          style={{ zIndex: Z_INDICES.modalDropdown }}\n        >\n          {dropdownHeadingText && (\n            <DropdownPopoverHeading>{dropdownHeadingText}</DropdownPopoverHeading>\n          )}\n          {dropdownFormFields && (\n            <DropdownPopoverContent spacing={Spacing[2]}>\n              <FormGroupContext.Provider\n                value={{\n                  configField: true,\n                  labelTooltipZIndex: Z_INDICES.modalDropdownTooltip,\n                }}\n              >\n                {dropdownFormFields}\n              </FormGroupContext.Provider>\n            </DropdownPopoverContent>\n          )}\n          {dropdownContent && (\n            <DropdownPopoverContent spacing={Spacing[3]}>{dropdownContent}</DropdownPopoverContent>\n          )}\n          {dropdownFooter && <DropdownPopoverFooter>{dropdownFooter}</DropdownPopoverFooter>}\n        </Popover.Card>\n      </Popover>\n    );\n  }\n\n  return rowContent;\n};\n\n// Styled wrapper that lets a single `<tr>` be portaled by dnd-kit's\n// DragOverlay while preserving the TableBox's table-based styling. Uses\n// `table-layout: fixed` so the widths declared in the accompanying\n// `<colgroup>` are authoritative and columns line up 1:1 with the source\n// row (which would otherwise re-flow via auto layout).\nconst OverlayTable = styled.table`\n  width: 100%;\n  table-layout: fixed;\n  border-collapse: separate;\n  border-spacing: 0;\n  border: 1px solid ${Color.BorderDivider};\n  border-radius: ${BorderRadius.Md};\n  background: ${Color.BackgroundPrimary};\n  box-shadow: ${Elevation.High};\n`;\n\n/**\n * Visual clone of a `TableBoxRow` used inside `@dnd-kit`'s `DragOverlay`.\n * Renders a minimal table wrapper with a static drag-handle cell followed by\n * the original row's cells, so the portaled overlay looks identical to the\n * dragged row while it follows the pointer.\n *\n * `cellWidths` is the measured width (in px) of each `<td>` in the source\n * row at drag start, in source order (drag handle cell first, then content\n * cells). Applied via a `<colgroup>` with `table-layout: fixed` so the\n * overlay's columns align 1:1 with the source table instead of re-flowing\n * to the single row's content.\n */\nexport const TableBoxRowOverlay = ({\n  children,\n  cellWidths,\n}: {\n  children: ReactNode;\n  cellWidths: number[];\n}) => (\n  <OverlayTable aria-hidden='true'>\n    <colgroup>\n      {cellWidths.map((width, i) => (\n        <col key={i} style={{ width: `${width}px` }} />\n      ))}\n    </colgroup>\n    <tbody>\n      <StyledRow data-interactive disableHoverBackground={true}>\n        <DragHandleCell>\n          <DragHandleButton tabIndex={-1} aria-hidden='true'>\n            <DragIcon />\n          </DragHandleButton>\n        </DragHandleCell>\n        {children}\n      </StyledRow>\n    </tbody>\n  </OverlayTable>\n);\n\nexport default TableBoxRow;\n","import { type RefObject, useCallback, useState } from 'react';\n\ninterface UseColumnWidthLockOptions {\n  /**\n   * When false, the hook becomes a no-op — `lockedColWidths` stays `null`\n   * and `setColumnWidthsLocked` does nothing. Use when the table is already in\n   * `table-layout: fixed` mode, where the input swap can't reflow columns.\n   */\n  enabled?: boolean;\n}\n\n/**\n * Captures the live `<th>` widths of a table the moment inline editing starts\n * and clears them when editing ends.\n *\n * Consumers render a `<colgroup>` from `lockedColWidths` and switch the table\n * to `table-layout: fixed` for the duration of the edit so the input swap\n * doesn't reflow the columns.\n */\nexport const useColumnWidthLock = (\n  tableRef: RefObject<HTMLTableElement>,\n  { enabled = true }: UseColumnWidthLockOptions = {},\n) => {\n  const [lockedColWidths, setLockedColWidths] = useState<number[] | null>(null);\n\n  const setColumnWidthsLocked = useCallback(\n    (isLocked: boolean) => {\n      if (!enabled) {\n        return;\n      }\n      if (!isLocked) {\n        setLockedColWidths(null);\n        return;\n      }\n      const ths = Array.from(\n        tableRef.current?.querySelectorAll<HTMLTableCellElement>(':scope > thead > tr > th') ?? [],\n      );\n      if (ths.length > 0) {\n        setLockedColWidths(ths.map((th) => th.getBoundingClientRect().width));\n      }\n    },\n    [tableRef, enabled],\n  );\n\n  return { lockedColWidths, setColumnWidthsLocked };\n};\n","import {\n  closestCenter,\n  type DndContextProps,\n  type DragEndEvent,\n  type DragMoveEvent,\n  type DragStartEvent,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core';\nimport { sortableKeyboardCoordinates } from '@dnd-kit/sortable';\nimport {\n  type ReactNode,\n  type RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { findIndexByKey, moveItemByIndex } from '@persona/design-system/lib/reorderItems';\n\n/**\n * Vertical direction of an active drag relative to its starting position.\n * `null` means the pointer hasn't moved far enough from the drag origin to\n * infer a direction.\n */\nexport type DragDirection = 'up' | 'down' | null;\n\n// Small threshold so tiny pointer jitter at rest doesn't toggle the\n// indicator on and off.\nconst DRAG_DIRECTION_THRESHOLD = 4;\n\nexport interface ReorderConfig<T extends object> {\n  items: T[];\n  itemKeyPath: keyof T & string;\n  onReorder: (reorderedItems: T[]) => void;\n}\n\ninterface UseTableBoxDragAndDropArgs<T extends object> {\n  tableRef: RefObject<HTMLTableElement>;\n  reorderConfig: ReorderConfig<T> | undefined;\n}\n\ninterface UseTableBoxDragAndDropResult {\n  /**\n   * `id` of the row currently being dragged, or `null` when no drag is active.\n   * Use this to derive the DragOverlay content via the `rowRegistry`.\n   */\n  activeId: string | null;\n  /**\n   * Cell widths captured at drag start, in source order. Apply via a\n   * `<colgroup>` with `table-layout: fixed` on the overlay table so its\n   * columns line up 1:1 with the source row.\n   */\n  overlayCellWidths: number[] | null;\n  /**\n   * Current vertical direction of the active drag. Rows use this to place\n   * the drop indicator on a neighbor when the pointer is still within the\n   * dragged row's slot.\n   */\n  draggedDirection: DragDirection;\n  /**\n   * Sortable ids in source order. Pass to the `SortableContext`'s `items`.\n   */\n  sortableIds: string[];\n  /**\n   * Registry of row content keyed by row id, populated by each `TableBoxRow`\n   * and read when rendering the DragOverlay clone. Always non-null when\n   * drag-and-drop is enabled (i.e. `reorderConfig` is set).\n   */\n  rowRegistry: React.MutableRefObject<Map<string, ReactNode>>;\n  /**\n   * Spread on `DndContext`. Includes sensors, collision detection, and the\n   * lifecycle handlers that update the rest of this hook's state.\n   */\n  dndContextProps: Pick<\n    DndContextProps,\n    'sensors' | 'collisionDetection' | 'onDragStart' | 'onDragMove' | 'onDragEnd' | 'onDragCancel'\n  >;\n}\n\n/**\n * Bundles the `@dnd-kit` wiring TableBox needs to support row reordering:\n * sensors, lifecycle handlers, the dragged row's overlay content, and the\n * pointer direction used by rows to position drop indicators in dnd-kit's\n * \"dead zone\" (overIndex === activeIndex).\n *\n * Also forces a `grabbing` cursor on `<body>` while a row is active so the\n * cursor persists when the pointer leaves the drag handle.\n */\nexport const useTableBoxDragAndDrop = <T extends object>({\n  tableRef,\n  reorderConfig,\n}: UseTableBoxDragAndDropArgs<T>): UseTableBoxDragAndDropResult => {\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates }),\n  );\n\n  const rowRegistry = useRef<Map<string, ReactNode>>(new Map());\n  const [activeId, setActiveId] = useState<string | null>(null);\n  const [draggedDirection, setDraggedDirection] = useState<DragDirection>(null);\n  const [overlayCellWidths, setOverlayCellWidths] = useState<number[] | null>(null);\n\n  useEffect(() => {\n    if (activeId == null) {\n      return undefined;\n    }\n    const previous = document.body.style.cursor;\n    document.body.style.cursor = 'grabbing';\n    return () => {\n      document.body.style.cursor = previous;\n    };\n  }, [activeId]);\n\n  const sortableIds = useMemo(() => {\n    if (!reorderConfig) {\n      return [];\n    }\n    return reorderConfig.items.map((item) => String(item[reorderConfig.itemKeyPath]));\n  }, [reorderConfig]);\n\n  const handleDragStart = useCallback(\n    (event: DragStartEvent) => {\n      const id = String(event.active.id);\n      setActiveId(id);\n      setDraggedDirection(null);\n\n      // Scope to tableRef so we don't match unrelated elements sharing the id.\n      const rowElement = tableRef.current?.querySelector<HTMLTableRowElement>(\n        `tr[id=\"${CSS.escape(id)}\"]`,\n      );\n      if (rowElement) {\n        const widths = Array.from(rowElement.children)\n          .filter((child): child is HTMLTableCellElement => child.tagName === 'TD')\n          .map((td) => td.getBoundingClientRect().width);\n        setOverlayCellWidths(widths);\n      } else {\n        setOverlayCellWidths(null);\n      }\n    },\n    [tableRef],\n  );\n\n  const handleDragMove = useCallback((event: DragMoveEvent) => {\n    const { y } = event.delta;\n    const next: DragDirection =\n      y < -DRAG_DIRECTION_THRESHOLD ? 'up' : y > DRAG_DIRECTION_THRESHOLD ? 'down' : null;\n    setDraggedDirection((prev) => (prev === next ? prev : next));\n  }, []);\n\n  const resetDragState = useCallback(() => {\n    setActiveId(null);\n    setDraggedDirection(null);\n    setOverlayCellWidths(null);\n  }, []);\n\n  const handleDragEnd = useCallback(\n    (event: DragEndEvent) => {\n      resetDragState();\n      if (!reorderConfig) {\n        return;\n      }\n      const { active, over } = event;\n      if (!over || active.id === over.id) {\n        return;\n      }\n      const { items, itemKeyPath, onReorder } = reorderConfig;\n      const fromIndex = findIndexByKey(items, itemKeyPath, String(active.id));\n      const toIndex = findIndexByKey(items, itemKeyPath, String(over.id));\n      if (fromIndex === -1 || toIndex === -1) {\n        return;\n      }\n      onReorder(moveItemByIndex(items, fromIndex, toIndex));\n    },\n    [reorderConfig, resetDragState],\n  );\n\n  return {\n    activeId,\n    overlayCellWidths,\n    draggedDirection,\n    sortableIds,\n    rowRegistry,\n    dndContextProps: {\n      sensors,\n      collisionDetection: closestCenter,\n      onDragStart: handleDragStart,\n      onDragMove: handleDragMove,\n      onDragEnd: handleDragEnd,\n      onDragCancel: resetDragState,\n    },\n  };\n};\n","import { DndContext, DragOverlay } from '@dnd-kit/core';\nimport { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';\nimport { uniqueId } from 'lodash-es';\nimport {\n  createContext,\n  type PropsWithChildren,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport styled, { css } from 'styled-components';\n\nimport type { ComboboxOptionsOrGroups } from '@persona/design-system/components/Combobox';\nimport Table, {\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeaderCell,\n  TableRow,\n} from '@persona/design-system/components/Table';\nimport { useScrollOverflow } from '@persona/design-system/lib/useScrollOverflow';\nimport { Z_INDICES } from '@persona/design-system/lib/zindex';\nimport { focusOutline } from '@persona/design-system/mixins/focus';\nimport { paragraphMixins } from '@persona/design-system/mixins/text';\nimport { TransitionDuration } from '@persona/design-system/variables/transitions';\nimport { BorderRadius, Color, Spacing, Typography } from '@persona/design-tokens';\n\nimport TableBoxCell from './TableBoxCell';\nimport TableBoxRow, { TableBoxRowOverlay } from './TableBoxRow';\nimport { RowActionsContainerWithFadeWidth } from './TableBoxRowActions';\nimport { useColumnWidthLock } from './useColumnWidthLock';\nimport {\n  type DragDirection,\n  type ReorderConfig,\n  useTableBoxDragAndDrop,\n} from './useTableBoxDragAndDrop';\n\nexport type { DragDirection } from './useTableBoxDragAndDrop';\n\nexport interface InlineEditConfig {\n  type: 'text' | 'combobox';\n  options?: ComboboxOptionsOrGroups;\n  /**\n   * Whether to render the combobox dropdown in a portal (breaks out of overflow containers)\n   */\n  useComboboxPortal?: boolean;\n  /**\n   * When true, the combobox dropdown will use the table row as the containerRef,\n   * allowing the dropdown to span the full width of the row. Passing true will also\n   * automatically set useComboboxPortal to true, since the positioning logic relies on\n   * portaling. Defaults to false.\n   */\n  fullWidthComboboxDropdown?: boolean;\n  /**\n   * Whether to support multiline text input. When true, renders a textarea instead of input.\n   * Default state: limits display to 2 lines with ellipsis.\n   * Focused/editing state: expands to show all lines.\n   * Only applies when type is 'text'. Defaults to false.\n   */\n  multiline?: boolean;\n  /** Ellipsize the closed-state display instead of letting it overflow. Combobox only; off by default to preserve existing layouts. */\n  truncateDisplay?: boolean;\n  placeholder?: string;\n  onChange: (id: string, value: string) => void;\n}\n\ninterface TableBoxContextValue {\n  disabled: boolean;\n  newRowId?: string | null;\n  columns: Array<{\n    key: string;\n    title: string;\n    inlineEditConfig?: InlineEditConfig;\n  }>;\n  selectedKey: string | null;\n  selectionMode: 'single' | 'none';\n  onRowClick: (rowId: string) => void;\n  tableBoxId: string;\n  rowDropdownId: string;\n  /**\n   * True when the TableBox has a `reorderConfig` set. Rows use this to know\n   * whether to render a leading drag-handle cell and wire up `useSortable`.\n   */\n  isReorderable: boolean;\n  /**\n   * Current vertical direction of the active drag, or `null` when no drag is\n   * in progress. Rows use this to position the drop indicator on a neighbor\n   * when the pointer is in dnd-kit's \"dead zone\" (`overIndex === activeIndex`).\n   */\n  draggedDirection: DragDirection;\n  /**\n   * Registry of row content keyed by row id. Rows write their content here so\n   * the DragOverlay can render the dragged row. `null` when reordering is\n   * disabled.\n   */\n  rowRegistry: React.MutableRefObject<Map<string, React.ReactNode>> | null;\n  /**\n   * True when the TableBox renders a dedicated sticky trailing column for\n   * row actions. False when `disableHorizontalScroll` is set, in which case\n   * actions are injected into the last data cell instead.\n   */\n  hasActionsColumn: boolean;\n  /**\n   * True when the scroll container is using `overflow-x: auto`. Drives the\n   * sticky-column edge shadow and right-edge fade affordance.\n   */\n  hasHorizontalOverflow: boolean;\n  /**\n   * True when the scroll container clips overflowing content — either\n   * because content is wider than the box (`overflow-x: auto`) or because\n   * `maxHeight` forced `overflow-y: auto` (which also computes\n   * `overflow-x: visible` to `auto` per CSS Overflow §3). Cells force\n   * inline-edit combobox dropdowns into a portal in this case so they\n   * aren't clipped.\n   */\n  clipsOverflow: boolean;\n  /**\n   * Locks or unlocks measured column widths (`table-layout: fixed`) so\n   * inline-edit input swaps don't cause a layout reflow.\n   */\n  setColumnWidthsLocked: (isLocked: boolean) => void;\n  /** Schedules row creation after the current inline edit has rendered. */\n  scheduleCreateNewRowAfterCommit?: () => void;\n}\n\nexport const TableBoxContext = createContext<TableBoxContextValue | null>(null);\n\nexport interface TableBoxProps<T extends object = object> {\n  /** Text to display if no rows are available. */\n  emptyText?: string;\n  /** Selected key for the table. */\n  selectedKey?: string | null;\n  /** Default selected key for the table (uncontrolled mode). */\n  defaultSelectedKey?: string | null;\n  /** Called when selection changes. */\n  onSelectionChange?: (selectedKey: string | null) => void;\n  /**\n   * Selection mode for the table. 'single' allows one row to be selected at a time,\n   * 'none' disables row selection entirely.\n   */\n  selectionMode?: 'single' | 'none';\n  /** ARIA label for the table. */\n  'aria-label': string;\n  /** Column definitions for the table headers. */\n  columns: Array<{\n    key: string;\n    title: string;\n    /** Inline edit configuration for this column */\n    inlineEditConfig?: InlineEditConfig;\n  }>;\n  /** ID of the newly created row that should be focused */\n  newRowId?: string | null;\n  /** Creates a row after a single-line inline edit is committed with Enter. */\n  onCreateNewRow?: () => void;\n  /** When true, table content remains viewable but row mutations and inline editing are disabled. */\n  disabled?: boolean;\n  /**\n   * Opt out of the horizontally-scrolling layout and restore the legacy\n   * behavior where the table is locked to its container width and long cell\n   * values are truncated (`table-layout: fixed`, `width: 100%`, no sticky\n   * first column, no horizontal overflow).\n   *\n   * Use this for callers that expect the table to always fit inside a\n   * narrow container and don't benefit from a scroll affordance — e.g.\n   * small summary tables whose content is known to fit.\n   *\n   * Defaults to `false` (horizontal scrolling + sticky first column).\n   * Automatically forced to `true` when any column declares\n   * `inlineEditConfig`, since inline editing requires a stable\n   * non-scrolling layout.\n   */\n  disableHorizontalScroll?: boolean;\n  /**\n   * When provided, enables drag and drop row reordering. Mirrors the\n   * `reorderConfig` API on `ListBox`, but since `TableBox` renders rows from\n   * children rather than an `items` prop, the item array lives inside\n   * `reorderConfig`.\n   */\n  reorderConfig?: ReorderConfig<T>;\n  /**\n   * Hide the column header row. Useful for single-column tables where the\n   * surrounding `FormField` label already describes the data, so the column\n   * title would be visually redundant.\n   *\n   * When true, the first body row's top corners are rounded to match the\n   * outer container, since there's no header cell to provide that rounding.\n   *\n   * Defaults to `false`.\n   */\n  hideHeader?: boolean;\n  /**\n   * Caps the table body height and scrolls vertically inside the bordered\n   * container. The column header stays pinned while rows scroll.\n   */\n  maxHeight?: number | string;\n}\n\n// Must match `DragHandleHeaderCell`/`DragHandleCell` so the sticky offset aligns.\nconst DRAG_HANDLE_CELL_WIDTH = 24;\n\nconst RIGHT_FADE_WIDTH = 48;\n\n// Must match `TableScrollContainer`'s border so the fades sit flush inside it.\nconst CONTAINER_BORDER_WIDTH_PX = 1;\n\n// Paint order for the overlapping pieces, lowest first — compose from\n// Z_INDICES.sticky per lib/zindex.ts. Each fade strip is layered against the\n// row band it covers: the body fade stays under the row actions so buttons\n// remain legible, while the header fade tops the stack because the header band\n// holds no interactive content.\nconst STICKY_COLUMN_Z_INDEX = Z_INDICES.sticky;\nconst BODY_FADE_Z_INDEX = Z_INDICES.sticky + 1;\nconst PINNED_ACTIONS_Z_INDEX = Z_INDICES.sticky + 2;\nconst STICKY_HEADER_Z_INDEX = Z_INDICES.sticky + 3;\nconst STICKY_CORNER_Z_INDEX = Z_INDICES.sticky + 4;\nconst HEADER_FADE_Z_INDEX = Z_INDICES.sticky + 5;\n\n// Spacing[1] top/bottom padding and 1px border from TableHeaderCell, plus\n// line height (which never wraps).\nconst HEADER_HEIGHT_PX =\n  parseInt(Spacing[1], 10) * 2 + parseInt(Typography.TextSmall.lineHeight, 10) + 1;\n\n// `overflow-x` stays `visible` until overflow is detected so inline combobox\n// dropdowns can escape without portaling (portaled dropdowns get aria-hidden by\n// ancestor RAC modals). `overflow-y` stays `visible` unless `maxHeight` is set\n// — pairing `overflow-y: auto` with `overflow-x: visible` would compute both\n// axes to `auto` (CSS Overflow §3) and clip those same dropdowns.\nconst TableScrollContainer = styled.div<{\n  $fixedLayout: boolean;\n  $hasHorizontalOverflow: boolean;\n  $maxHeight?: number | string;\n}>`\n  border: ${CONTAINER_BORDER_WIDTH_PX}px solid ${Color.BorderDivider};\n  border-radius: ${BorderRadius.Md};\n  overflow-x: ${({ $fixedLayout, $hasHorizontalOverflow }) =>\n    $fixedLayout ? 'visible' : $hasHorizontalOverflow ? 'auto' : 'visible'};\n  overflow-y: ${({ $maxHeight }) => ($maxHeight != null ? 'auto' : 'visible')};\n  overscroll-behavior-x: none;\n  ${({ $maxHeight }) =>\n    $maxHeight != null &&\n    css`\n      max-height: ${typeof $maxHeight === 'number' ? `${$maxHeight}px` : $maxHeight};\n    `}\n`;\n\n// Anchors the fade overlay outside the scroll container. Anchoring it to the\n// container itself would make it scroll along with the table content.\nconst ScrollAffordanceWrapper = styled.div`\n  position: relative;\n`;\n\n// Right-edge fade affordance. The header and body bands fade to their own\n// backgrounds and are split into separate strips so each can be layered against\n// the content it covers. The 1px gap between them keeps the <thead>'s bottom\n// border uninterrupted.\nconst RightFadeOverlay = styled.div<{ $visible: boolean; $scrollbarWidth: number }>`\n  position: absolute;\n  right: ${({ $scrollbarWidth }) => CONTAINER_BORDER_WIDTH_PX + $scrollbarWidth}px;\n  width: ${RIGHT_FADE_WIDTH}px;\n  pointer-events: none;\n  opacity: ${({ $visible }) => ($visible ? 1 : 0)};\n  transition: opacity ${TransitionDuration.Fast} ease-out;\n`;\n\nconst HeaderFadeOverlay = styled(RightFadeOverlay).attrs({\n  'data-scroll-affordance': 'header-fade',\n})`\n  top: ${CONTAINER_BORDER_WIDTH_PX}px;\n  height: ${Math.max(0, HEADER_HEIGHT_PX - CONTAINER_BORDER_WIDTH_PX)}px;\n  z-index: ${HEADER_FADE_Z_INDEX};\n  background: linear-gradient(to right, transparent, ${Color.BackgroundSecondary});\n  border-top-right-radius: ${BorderRadius.Md};\n`;\n\nconst BodyFadeOverlay = styled(RightFadeOverlay).attrs({\n  'data-scroll-affordance': 'body-fade',\n})<{\n  $hideHeader: boolean;\n  $scrollbarHeight: number;\n}>`\n  top: ${({ $hideHeader }) =>\n    $hideHeader\n      ? `${CONTAINER_BORDER_WIDTH_PX}px`\n      : `${CONTAINER_BORDER_WIDTH_PX + HEADER_HEIGHT_PX}px`};\n  bottom: ${({ $scrollbarHeight }) => CONTAINER_BORDER_WIDTH_PX + $scrollbarHeight}px;\n  z-index: ${BODY_FADE_Z_INDEX};\n  background: linear-gradient(to right, transparent, ${Color.BackgroundPrimary});\n  border-bottom-right-radius: ${BorderRadius.Md};\n  ${({ $hideHeader }) =>\n    $hideHeader &&\n    css`\n      border-top-right-radius: ${BorderRadius.Md};\n    `}\n`;\n\n// Pins the leading sticky column(s) during horizontal scroll. In reorderable\n// mode the drag handle (col 1) and the first content column (col 2) are\n// BOTH sticky and sit flush — the handle at `left: 0`, content at\n// `left: DRAG_HANDLE_CELL_WIDTH`. Otherwise only the first content column\n// (col 1) is sticky.\nconst stickyContentColumn = (isReorderable: boolean, stickyHeader: boolean) => css`\n  && thead th:first-child,\n  && tbody td:first-child {\n    position: sticky;\n    left: 0;\n    z-index: ${STICKY_COLUMN_Z_INDEX};\n  }\n\n  && tbody td:first-child {\n    background-color: inherit;\n  }\n\n  ${\n    isReorderable &&\n    css`\n    && thead th:nth-child(2),\n    && tbody td:nth-child(2) {\n      position: sticky;\n      left: ${DRAG_HANDLE_CELL_WIDTH}px;\n      z-index: ${STICKY_COLUMN_Z_INDEX};\n    }\n\n    && tbody td:nth-child(2) {\n      background-color: inherit;\n    }\n  `\n  }\n\n  ${\n    stickyHeader &&\n    css`\n      && thead th {\n        position: sticky;\n        top: 0;\n        z-index: ${STICKY_HEADER_Z_INDEX};\n        background-color: ${Color.BackgroundSecondary};\n      }\n\n      ${isReorderable ? `&& thead th:nth-child(-n+2)` : `&& thead th:first-child`} {\n        z-index: ${STICKY_CORNER_Z_INDEX};\n      }\n    `\n  }\n`;\n\nconst StyledTable = styled(Table)<{\n  $isReorderable: boolean;\n  $hasHorizontalOverflow: boolean;\n  $fixedLayout: boolean;\n  $lockedWidth: number | undefined;\n  $hideHeader: boolean;\n  $stickyHeader: boolean;\n}>`\n  caret-color: ${Color.BorderFocus};\n\n  &::selection {\n    background: ${Color.BackgroundLabelPurple};\n  }\n\n  ${({ $fixedLayout, $isReorderable, $stickyHeader }) =>\n    $fixedLayout\n      ? css`\n          /* Legacy: truncate long cell content to container width. */\n          table-layout: fixed;\n\n          ${\n            $stickyHeader &&\n            css`\n              && thead th {\n                position: sticky;\n                top: 0;\n                z-index: ${STICKY_HEADER_Z_INDEX};\n                background-color: ${Color.BackgroundSecondary};\n              }\n            `\n          }\n        `\n      : stickyContentColumn($isReorderable, $stickyHeader)}\n\n  /* Lock column widths while inline editing to prevent layout reflow. */\n  ${({ $fixedLayout, $lockedWidth }) =>\n    !$fixedLayout &&\n    $lockedWidth != null &&\n    css`\n      table-layout: fixed;\n      width: ${$lockedWidth}px;\n    `}\n\n  /* Subtle right border on the sticky column when content extends off-screen\n     — inset shadow keeps it layout-neutral. */\n  ${({ $hasHorizontalOverflow, $isReorderable, $fixedLayout }) =>\n    $hasHorizontalOverflow &&\n    !$fixedLayout &&\n    css`\n      ${\n        $isReorderable\n          ? `&& thead th:nth-child(2), && tbody td:nth-child(2)`\n          : `&& thead th:first-child, && tbody td:first-child`\n      } {\n        box-shadow: inset -1px 0 0 ${Color.BorderDivider};\n      }\n    `}\n\n  /* When the header is hidden, round the first body row's outer corners so\n     they line up with the surrounding container's rounded border. */\n  ${({ $hideHeader }) =>\n    $hideHeader &&\n    css`\n      && tbody tr:first-child td:first-child {\n        border-top-left-radius: ${BorderRadius.Md};\n      }\n      && tbody tr:first-child td:last-child {\n        border-top-right-radius: ${BorderRadius.Md};\n      }\n    `}\n`;\n\nconst StyledTableHeaderCell = styled(TableHeaderCell)`\n  padding: ${Spacing[1]} ${Spacing[2]};\n  border-bottom: 1px solid ${Color.BorderDivider};\n  ${paragraphMixins.sm};\n\n  /* Border radius for corner cells */\n  &:first-child {\n    border-radius: ${BorderRadius.Md} 0 0 0;\n  }\n\n  &:last-child {\n    border-radius: 0 ${BorderRadius.Md} 0 0;\n  }\n`;\n\n// Narrow leading column that holds the drag handle when drag-and-drop is enabled.\nconst DragHandleHeaderCell = styled(StyledTableHeaderCell)`\n  width: 24px;\n  padding: ${Spacing[1]} ${Spacing[0]};\n`;\n\n// Trailing sticky column for row actions (horizontal scroll mode only).\nexport const PinnedActionsCell = styled(TableCell)`\n  position: sticky;\n  right: 0;\n  z-index: ${PINNED_ACTIONS_Z_INDEX};\n  background: transparent;\n  border-bottom: 1px solid ${Color.BorderHairline};\n  padding: 0;\n  width: ${RowActionsContainerWithFadeWidth}px;\n  height: 1px; /* dummy height lets the child use height: 100% */\n`;\n\nconst EmptyStateCell = styled(TableCell)`\n  ${paragraphMixins.sm};\n  /* Same vertical padding as TableBoxCell so empty and populated tables share a\n     stable row height. */\n  padding: ${Spacing[1]} ${Spacing[2]};\n  color: ${Color.TextSecondary};\n  border-bottom: none;\n`;\n\nconst EmptyStateButton = styled.button`\n  ${paragraphMixins.sm};\n  padding: 0;\n  color: inherit;\n  background: none;\n  border: none;\n  cursor: pointer;\n  ${focusOutline}\n`;\n\nconst TableBox = <T extends object>({\n  children,\n  emptyText,\n  selectedKey,\n  defaultSelectedKey,\n  columns,\n  onSelectionChange,\n  selectionMode = 'none',\n  newRowId,\n  onCreateNewRow: onCreateNewRowProp,\n  disabled = false,\n  reorderConfig,\n  disableHorizontalScroll: disableHorizontalScrollProp = false,\n  hideHeader = false,\n  maxHeight,\n  'aria-label': ariaLabel,\n  ...props\n}: PropsWithChildren<TableBoxProps<T>>) => {\n  const tableRef = useRef<HTMLTableElement>(null);\n  const scrollContainerRef = useRef<HTMLDivElement>(null);\n  const tableBoxId = useMemo(() => uniqueId('tablebox-'), []);\n  const rowDropdownId = `${tableBoxId}-row-dropdown`;\n\n  // Inline editing swaps inputs in/out of cells, which requires a stable\n  // non-scrolling layout; fall back to fixed layout regardless of caller intent.\n  const hasInlineEditableColumn = columns.some((c) => c.inlineEditConfig != null);\n  const disableHorizontalScroll = disableHorizontalScrollProp || hasInlineEditableColumn;\n\n  const { hasHorizontalOverflow, hasMoreScrollRight, scrollbarSize } = useScrollOverflow(\n    scrollContainerRef,\n    { enabled: !disableHorizontalScroll },\n  );\n  const { lockedColWidths, setColumnWidthsLocked } = useColumnWidthLock(tableRef, {\n    enabled: !disableHorizontalScroll,\n  });\n\n  // Selection — controlled if `selectedKey` is set, otherwise internal.\n  const [internalSelectedKey, setInternalSelectedKey] = useState<string | null>(\n    defaultSelectedKey ?? null,\n  );\n  const [shouldCreateNewRowAfterCommit, setShouldCreateNewRowAfterCommit] = useState(false);\n  const currentSelectedKey = selectedKey ?? internalSelectedKey;\n  const scheduleCreateNewRowAfterCommit = () => {\n    setShouldCreateNewRowAfterCommit(true);\n  };\n\n  const handleRowClick = useCallback(\n    (rowId: string) => {\n      if (selectionMode === 'none') {\n        return;\n      }\n      if (!onSelectionChange) {\n        setInternalSelectedKey(rowId);\n      } else {\n        onSelectionChange(rowId);\n      }\n    },\n    [onSelectionChange, selectionMode],\n  );\n\n  // Deselect rows when clicking outside the TableBox while a row dropdown is open.\n  const handleOutsideClick = useCallback(\n    (event: MouseEvent) => {\n      const rowDropdownIsOpen = document.querySelector(\n        `[id=\"${rowDropdownId}\"][data-state=\"open\"]`,\n      );\n      if (!rowDropdownIsOpen) {\n        return;\n      }\n      const target = event.target as HTMLElement;\n      const isOutsideTableBox = tableRef.current && !tableRef.current.contains(target);\n      const isOnRowDropdownContent = target.closest(`[id=\"${rowDropdownId}\"]`);\n      if (isOutsideTableBox && !isOnRowDropdownContent && currentSelectedKey != null) {\n        if (!onSelectionChange) {\n          setInternalSelectedKey(null);\n        } else {\n          onSelectionChange(null);\n        }\n      }\n    },\n    [currentSelectedKey, onSelectionChange, rowDropdownId],\n  );\n\n  useEffect(() => {\n    document.addEventListener('mousedown', handleOutsideClick);\n    return () => {\n      document.removeEventListener('mousedown', handleOutsideClick);\n    };\n  }, [handleOutsideClick]);\n\n  useEffect(() => {\n    if (!shouldCreateNewRowAfterCommit) {\n      return;\n    }\n    // The cell edit and row creation may both replace a caller-owned array.\n    // Create after the edit render so the callback reads the updated array.\n    setShouldCreateNewRowAfterCommit(false);\n    onCreateNewRowProp?.();\n  }, [onCreateNewRowProp, shouldCreateNewRowAfterCommit]);\n\n  const {\n    activeId,\n    overlayCellWidths,\n    draggedDirection,\n    sortableIds,\n    rowRegistry,\n    dndContextProps,\n  } = useTableBoxDragAndDrop({ tableRef, reorderConfig: disabled ? undefined : reorderConfig });\n\n  const isReorderable = !disabled && reorderConfig != null;\n  const hasActionsColumn = !disableHorizontalScroll;\n  // Only `maxHeight` makes the container a vertical scrollport. Without one, a\n  // sticky header would pin against the page scroller while the rest of the\n  // table scrolls past it.\n  const stickyHeader = maxHeight != null && !hideHeader;\n\n  const contextValue: TableBoxContextValue = {\n    disabled,\n    newRowId,\n    columns,\n    selectedKey: currentSelectedKey,\n    selectionMode,\n    onRowClick: handleRowClick,\n    tableBoxId,\n    rowDropdownId,\n    isReorderable,\n    rowRegistry: isReorderable ? rowRegistry : null,\n    draggedDirection,\n    hasActionsColumn,\n    hasHorizontalOverflow,\n    clipsOverflow: hasHorizontalOverflow || maxHeight != null,\n    setColumnWidthsLocked,\n    scheduleCreateNewRowAfterCommit: onCreateNewRowProp\n      ? scheduleCreateNewRowAfterCommit\n      : undefined,\n  };\n\n  const isEmpty = Array.isArray(children) ? children.length === 0 : children == null;\n  const totalColumnCount = columns.length + (isReorderable ? 1 : 0) + (hasActionsColumn ? 1 : 0);\n\n  const activeRowContent = activeId ? (rowRegistry.current.get(activeId) ?? null) : null;\n\n  const tableContent = (\n    <ScrollAffordanceWrapper>\n      <TableScrollContainer\n        ref={scrollContainerRef}\n        $fixedLayout={disableHorizontalScroll}\n        $hasHorizontalOverflow={hasHorizontalOverflow}\n        $maxHeight={maxHeight}\n      >\n        <StyledTable\n          ref={tableRef}\n          size='md'\n          aria-label={ariaLabel}\n          tabIndex={-1}\n          $isReorderable={isReorderable}\n          $hasHorizontalOverflow={hasHorizontalOverflow}\n          $fixedLayout={disableHorizontalScroll}\n          $hideHeader={hideHeader}\n          $stickyHeader={stickyHeader}\n          $lockedWidth={\n            lockedColWidths != null ? lockedColWidths.reduce((sum, w) => sum + w, 0) : undefined\n          }\n          {...props}\n        >\n          {lockedColWidths && (\n            <colgroup>\n              {lockedColWidths.map((w, i) => (\n                <col key={i} style={{ width: `${w}px` }} />\n              ))}\n            </colgroup>\n          )}\n          {!hideHeader && (\n            <TableHead>\n              <TableRow>\n                {isReorderable && <DragHandleHeaderCell aria-hidden='true' />}\n                {columns.map((column) => (\n                  <StyledTableHeaderCell key={column.key}>{column.title}</StyledTableHeaderCell>\n                ))}\n                {hasActionsColumn && (\n                  <StyledTableHeaderCell aria-hidden='true' style={{ padding: 0 }} />\n                )}\n              </TableRow>\n            </TableHead>\n          )}\n          <TableBody>\n            {isEmpty ? (\n              <TableRow disableHoverBackground>\n                <EmptyStateCell colSpan={totalColumnCount}>\n                  {onCreateNewRowProp && !disabled ? (\n                    <EmptyStateButton type='button' onClick={onCreateNewRowProp}>\n                      {emptyText || 'No data available.'}\n                    </EmptyStateButton>\n                  ) : (\n                    emptyText || 'No data available.'\n                  )}\n                </EmptyStateCell>\n              </TableRow>\n            ) : (\n              children\n            )}\n          </TableBody>\n        </StyledTable>\n      </TableScrollContainer>\n      {!disableHorizontalScroll && (\n        <>\n          {!hideHeader && (\n            <HeaderFadeOverlay\n              aria-hidden='true'\n              $visible={hasMoreScrollRight}\n              $scrollbarWidth={scrollbarSize.vertical}\n            />\n          )}\n          <BodyFadeOverlay\n            aria-hidden='true'\n            $visible={hasMoreScrollRight}\n            $hideHeader={hideHeader}\n            $scrollbarWidth={scrollbarSize.vertical}\n            $scrollbarHeight={scrollbarSize.horizontal}\n          />\n        </>\n      )}\n    </ScrollAffordanceWrapper>\n  );\n\n  return (\n    <TableBoxContext.Provider value={contextValue}>\n      {isReorderable ? (\n        <DndContext {...dndContextProps}>\n          <SortableContext items={sortableIds} strategy={verticalListSortingStrategy}>\n            {tableContent}\n          </SortableContext>\n          <DragOverlay>\n            {activeRowContent && overlayCellWidths && (\n              <TableBoxRowOverlay cellWidths={overlayCellWidths}>\n                {activeRowContent}\n              </TableBoxRowOverlay>\n            )}\n          </DragOverlay>\n        </DndContext>\n      ) : (\n        tableContent\n      )}\n    </TableBoxContext.Provider>\n  );\n};\n\nTableBox.Row = TableBoxRow;\nTableBox.Cell = TableBoxCell;\n\nexport default TableBox;\n"],"mappings":"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"}
+{"version":3,"file":"TableBox-CaTHcR4F.mjs","names":["DropdownMenu","MoreIcon","XIcon","CircleAlertIcon","FormControlContainer","Popover"],"sources":["../components/TableBox/tableBoxKeyboardNavigation.ts","../components/TableBox/InlineCombobox.tsx","../components/TableBox/TableBoxRowContext.ts","../components/TableBox/InlineInput.tsx","../components/TableBox/TableBoxRowActions.tsx","../components/TableBox/useDelayedInlineEditError.ts","../components/TableBox/TableBoxCell.tsx","../components/TableBox/TableBoxRow.tsx","../components/TableBox/useColumnWidthLock.ts","../components/TableBox/useTableBoxDragAndDrop.ts","../components/TableBox/TableBox.tsx"],"sourcesContent":["export type TableBoxNavigationDirection = 'up' | 'down' | 'left' | 'right';\nexport type HorizontalTableBoxNavigationDirection = Extract<\n  TableBoxNavigationDirection,\n  'left' | 'right'\n>;\n\nconst INLINE_EDITOR_SELECTOR = '[data-tablebox-inline-edit-trigger], input[role=\"combobox\"]';\n\nconst findInlineEditor = (cell: HTMLTableCellElement | null) =>\n  cell?.querySelector<HTMLElement>(INLINE_EDITOR_SELECTOR) ?? null;\n\nexport const isCaretAtNavigationBoundary = (\n  input: HTMLInputElement,\n  direction: HorizontalTableBoxNavigationDirection,\n) => {\n  const { selectionStart, selectionEnd, value } = input;\n  if (selectionStart == null || selectionEnd == null || selectionStart !== selectionEnd) {\n    return false;\n  }\n  return direction === 'left' ? selectionStart === 0 : selectionEnd === value.length;\n};\n\nexport const focusAdjacentInlineEditor = (\n  target: HTMLElement,\n  direction: TableBoxNavigationDirection,\n) => {\n  const currentCell = target.closest('td');\n  const currentRow = currentCell?.closest('tr');\n  if (!(currentCell instanceof HTMLTableCellElement) || currentRow == null) {\n    return false;\n  }\n\n  if (direction === 'up' || direction === 'down') {\n    const adjacentRow =\n      direction === 'up' ? currentRow.previousElementSibling : currentRow.nextElementSibling;\n    if (!(adjacentRow instanceof HTMLTableRowElement)) {\n      return false;\n    }\n\n    const adjacentEditor = findInlineEditor(adjacentRow.cells.item(currentCell.cellIndex));\n    adjacentEditor?.focus();\n    return adjacentEditor != null;\n  }\n\n  let adjacentCell =\n    direction === 'left' ? currentCell.previousElementSibling : currentCell.nextElementSibling;\n  while (adjacentCell instanceof HTMLTableCellElement) {\n    const adjacentEditor = findInlineEditor(adjacentCell);\n    if (adjacentEditor != null) {\n      adjacentEditor.focus();\n      return true;\n    }\n    adjacentCell =\n      direction === 'left' ? adjacentCell.previousElementSibling : adjacentCell.nextElementSibling;\n  }\n\n  return false;\n};\n","import { type RefObject, useCallback, useContext, useState } from 'react';\nimport styled from 'styled-components';\n\nimport Combobox from '@persona/design-system/components/Combobox';\nimport { Spacing } from '@persona/design-tokens';\n\nimport { type InlineEditConfig, TableBoxContext } from './TableBox';\nimport {\n  focusAdjacentInlineEditor,\n  isCaretAtNavigationBoundary,\n} from './tableBoxKeyboardNavigation';\n\ninterface InlineComboboxProps {\n  /**\n   * The id of the item the cell belongs to\n   */\n  itemId: string;\n  /**\n   * Initial value for the cell\n   */\n  value: string;\n  /**\n   * The column key this cell belongs to\n   */\n  columnKey?: string;\n  /**\n   * The inline edit configuration for this cell\n   */\n  inlineEditConfig?: InlineEditConfig;\n  /**\n   * The content to display when not editing. If no children are passed, the value will be displayed.\n   */\n  children?: React.ReactNode;\n  /**\n   * Reference to the table row element. Used for full-width combobox dropdowns.\n   */\n  rowRef?: RefObject<HTMLTableRowElement>;\n  /** Whether the closed display is preceded by an error icon. */\n  hasLeadingError?: boolean;\n}\n\nconst StyledCombobox = styled(Combobox)<{ $hideText?: boolean }>`\n  border: none;\n  background-color: transparent;\n\n  /* Suppress the focus outline — it extends outside the input and is clipped\n     by the scroll container. Use && for specificity. */\n  && input,\n  && input:focus-visible:not(:disabled) {\n    outline: none;\n  }\n\n  ${({ $hideText }) =>\n    $hideText &&\n    `\n    input {\n      color: transparent;\n      caret-color: transparent;\n    }\n    input::placeholder {\n      color: transparent;\n    }\n  `}\n`;\n\nconst ChildrenOverlay = styled.div<{ $hasLeadingError?: boolean; $truncate?: boolean }>`\n  position: absolute;\n  left: ${({ $hasLeadingError }) => ($hasLeadingError ? Spacing[1] : Spacing[2])};\n  top: 50%;\n  transform: translateY(-50%);\n  z-index: 1;\n  pointer-events: none;\n\n  // ${Spacing[5]} matches the sm ComboboxInput padding-right, keeping the text clear of the caret.\n  ${({ $truncate }) =>\n    $truncate &&\n    `\n    right: ${Spacing[5]};\n  `}\n`;\n\nconst ComboboxWrapper = styled.div`\n  position: relative;\n  width: 100%;\n`;\n\nconst InlineCombobox = ({\n  itemId,\n  value,\n  columnKey,\n  inlineEditConfig,\n  children,\n  rowRef,\n  hasLeadingError,\n}: InlineComboboxProps) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const context = useContext(TableBoxContext);\n  const setColumnWidthsLocked = context?.setColumnWidthsLocked;\n  const currentColumn = context?.columns?.find((c) => c.key === columnKey);\n  const placeholder = inlineEditConfig?.placeholder || currentColumn?.title || '';\n  const fullWidthComboboxDropdown = inlineEditConfig?.fullWidthComboboxDropdown || false;\n\n  // Use rowRef as portalContainerRef when fullWidthComboboxDropdown is enabled\n  const portalContainerRef = fullWidthComboboxDropdown && rowRef ? rowRef : undefined;\n\n  const showOverlay = !isOpen && !!children;\n\n  // Mirror `InlineInput`'s edit-lifecycle contract so the parent TableBox\n  // can lock column widths while the combobox is open. Without this, the\n  // text→input swap (`$hideText`) and the focus-driven `RowActionsContainer`\n  // appearing in the cell can reflow data columns when the dropdown opens.\n  //\n  // useCallback is critical here: ComboboxSingleSelect calls onOpenChange from\n  // a useEffect with [isOpen, onOpenChange] deps. A new function reference on\n  // every render would cause that effect to fire spuriously, calling\n  // setColumnWidthsLocked(false) and wiping out lockedColWidths set by a sibling\n  // text-input cell — causing the text-input column to shift when clicked.\n  const handleOpenChange = useCallback(\n    (open: boolean) => {\n      setIsOpen(open);\n      setColumnWidthsLocked?.(open);\n    },\n    [setColumnWidthsLocked],\n  );\n\n  return (\n    <ComboboxWrapper\n      onKeyDownCapture={(event) => {\n        if (isOpen || (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight')) {\n          return;\n        }\n        const direction = event.key === 'ArrowLeft' ? 'left' : 'right';\n        if (\n          !(event.target instanceof HTMLInputElement) ||\n          !isCaretAtNavigationBoundary(event.target, direction)\n        ) {\n          return;\n        }\n        const movedFocus = focusAdjacentInlineEditor(event.currentTarget, direction);\n        if (movedFocus) {\n          event.preventDefault();\n          event.stopPropagation();\n        }\n      }}\n    >\n      {showOverlay && (\n        <ChildrenOverlay\n          $hasLeadingError={hasLeadingError}\n          $truncate={inlineEditConfig?.truncateDisplay}\n        >\n          {children}\n        </ChildrenOverlay>\n      )}\n      <StyledCombobox\n        $hideText={showOverlay}\n        value={value}\n        options={inlineEditConfig?.options || []}\n        onChange={(newValue) => {\n          if (inlineEditConfig?.onChange && newValue !== value && typeof newValue === 'string') {\n            inlineEditConfig.onChange(itemId, newValue);\n          }\n        }}\n        onOpenChange={handleOpenChange}\n        placeholder={placeholder}\n        size='sm'\n        portal={inlineEditConfig?.useComboboxPortal || false}\n        portalContainerRef={portalContainerRef}\n      />\n    </ComboboxWrapper>\n  );\n};\n\nexport default InlineCombobox;\n","import { createContext, type RefObject } from 'react';\n\ninterface TableBoxRowContextValue {\n  /**\n   * Ref to the surrounding `<tr>`. Used by inline-edit comboboxes that opt\n   * into `fullWidthComboboxDropdown` so they can portal their dropdown\n   * positioned to the row.\n   */\n  rowRef: RefObject<HTMLTableRowElement>;\n  /** Deletes this row when keyboard editing identifies it as removable. */\n  onDelete?: () => void;\n  /** Notifies the row that a descendant inline editor committed or canceled. */\n  onEditingEnd: () => void;\n  /** True when every data cell after the first has an explicitly empty value. */\n  areOtherCellsBlank: boolean;\n}\n\nexport const TableBoxRowContext = createContext<TableBoxRowContextValue | null>(null);\n","import { useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { Typography } from '@persona/design-tokens';\n\nimport { type InlineEditConfig, TableBoxContext } from './TableBox';\nimport {\n  focusAdjacentInlineEditor,\n  isCaretAtNavigationBoundary,\n} from './tableBoxKeyboardNavigation';\nimport { TableBoxRowContext } from './TableBoxRowContext';\n\ninterface InlineInputProps {\n  /**\n   * The id of the item the cell belongs to\n   */\n  itemId: string;\n  /**\n   * Initial value for the cell\n   */\n  value: string;\n  /**\n   * The column key this cell belongs to\n   */\n  columnKey?: string;\n  /**\n   * The inline edit configuration for this cell\n   */\n  inlineEditConfig?: InlineEditConfig;\n  /** Notifies the cell that this inline editor committed or canceled. */\n  onEditingEnd?: () => void;\n  /**\n   * The content to display when not editing. If no children are passed, the value will be displayed.\n   */\n  children?: React.ReactNode;\n}\n\nconst sharedInputStyles = css`\n  font: inherit;\n  color: inherit;\n  outline: none;\n  border: none;\n  padding: 0;\n  pointer-events: auto;\n  width: 100%;\n  background: transparent;\n  line-height: ${Typography.TextSmall.lineHeight};\n`;\n\nconst InlineEditInput = styled.input`\n  ${sharedInputStyles}\n`;\n\nconst InlineEditTextarea = styled.textarea`\n  ${sharedInputStyles}\n  resize: none;\n  overflow-y: auto;\n  min-height: ${Typography.TextSmall.lineHeight};\n  scrollbar-width: none;\n`;\n\nconst InlineEditDisplay = styled.div<{ $multiline?: boolean }>`\n  cursor: text;\n  outline: none;\n  width: 100%;\n  height: 100%;\n  min-height: ${Typography.TextSmall.lineHeight};\n  line-height: ${Typography.TextSmall.lineHeight};\n\n  ${({ $multiline }) =>\n    $multiline\n      ? css`\n          display: -webkit-box;\n          -webkit-line-clamp: 2;\n          -webkit-box-orient: vertical;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: pre-wrap;\n          word-break: break-word;\n        `\n      : css`\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        `}\n`;\n\nconst InlineInput = ({\n  itemId,\n  value,\n  columnKey,\n  inlineEditConfig,\n  onEditingEnd,\n  children,\n}: InlineInputProps) => {\n  const { columns, newRowId, setColumnWidthsLocked, scheduleCreateNewRowAfterCommit } =\n    useContext(TableBoxContext) ?? {};\n  const rowContext = useContext(TableBoxRowContext);\n  // Check if this cell should render in inline edit mode (first cell of newly created row)\n  const initialInlineEditState = itemId === newRowId && columnKey === columns?.[0]?.key;\n  const [isInlineEditing, setIsInlineEditing] = useState(initialInlineEditState);\n  const [editValue, setEditValue] = useState(value);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n  const cancelledRef = useRef(false);\n\n  const isMultiline = inlineEditConfig?.multiline === true;\n\n  // set the cancelledRef to false when the component unmounts\n  useEffect(() => {\n    return () => {\n      cancelledRef.current = false;\n    };\n  }, []);\n\n  // Auto-resize textarea to fit content. useLayoutEffect runs before paint so the\n  // intermediate height: auto state is never visible, eliminating flicker.\n  useLayoutEffect(() => {\n    if (isInlineEditing && isMultiline && textareaRef.current) {\n      const textarea = textareaRef.current;\n      textarea.style.height = 'auto';\n      textarea.style.height = `${textarea.scrollHeight}px`;\n    }\n  }, [isInlineEditing, editValue, isMultiline]);\n\n  // Position cursor at end of textarea when editing starts\n  useEffect(() => {\n    if (isInlineEditing && isMultiline && textareaRef.current) {\n      const length = textareaRef.current.value.length;\n      textareaRef.current.setSelectionRange(length, length);\n    }\n  }, [isInlineEditing, isMultiline]);\n\n  const placeholder = useMemo(() => {\n    const column = columns?.find((c) => c.key === columnKey);\n    return column?.inlineEditConfig?.placeholder || column?.title || '';\n  }, [columns, columnKey]);\n\n  const notifyEditingEnd = () => {\n    onEditingEnd?.();\n    rowContext?.onEditingEnd();\n    setColumnWidthsLocked?.(false);\n  };\n\n  const handleInlineEditKeyDown = (\n    e: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>,\n  ) => {\n    const isFirstCell = columnKey === columns?.[0]?.key;\n    if (\n      (e.key === 'Delete' || e.key === 'Backspace') &&\n      isFirstCell &&\n      editValue === '' &&\n      rowContext?.areOtherCellsBlank &&\n      rowContext.onDelete\n    ) {\n      e.preventDefault();\n      e.stopPropagation();\n      cancelledRef.current = true;\n      setColumnWidthsLocked?.(false);\n      const focusedAdjacentRow =\n        focusAdjacentInlineEditor(e.currentTarget, 'down') ||\n        focusAdjacentInlineEditor(e.currentTarget, 'up');\n      if (!focusedAdjacentRow) {\n        e.currentTarget.closest('table')?.focus();\n      }\n      rowContext.onDelete();\n    } else if (\n      !isMultiline &&\n      (e.key === 'ArrowUp' ||\n        e.key === 'ArrowDown' ||\n        e.key === 'ArrowLeft' ||\n        e.key === 'ArrowRight')\n    ) {\n      const direction =\n        e.key === 'ArrowUp'\n          ? 'up'\n          : e.key === 'ArrowDown'\n            ? 'down'\n            : e.key === 'ArrowLeft'\n              ? 'left'\n              : 'right';\n      const canMoveFocus =\n        direction === 'up' ||\n        direction === 'down' ||\n        (e.currentTarget instanceof HTMLInputElement &&\n          isCaretAtNavigationBoundary(e.currentTarget, direction));\n      const movedFocus = canMoveFocus && focusAdjacentInlineEditor(e.currentTarget, direction);\n      if (movedFocus) {\n        e.preventDefault();\n        e.stopPropagation();\n      }\n    } else if (e.key === 'Enter') {\n      if (isMultiline) {\n        // In multiline mode, Ctrl+Enter or Cmd+Enter saves\n        if (e.ctrlKey || e.metaKey) {\n          e.preventDefault();\n          e.stopPropagation();\n          handleInlineEditConfirm();\n          notifyEditingEnd();\n          setIsInlineEditing(false);\n        }\n        // Regular Enter adds a newline (default behavior)\n      } else {\n        // In single-line mode, Enter saves\n        e.preventDefault();\n        e.stopPropagation();\n        handleInlineEditConfirm();\n        notifyEditingEnd();\n        setIsInlineEditing(false);\n        const isLastCell = columnKey === columns?.at(-1)?.key;\n        const currentRow = e.currentTarget.closest('tr');\n        const isLastRow = currentRow != null && currentRow.nextElementSibling == null;\n        if (isLastCell && isLastRow) {\n          scheduleCreateNewRowAfterCommit?.();\n        }\n      }\n    } else if (e.key === 'Tab') {\n      handleInlineEditConfirm();\n    } else if (e.key === 'Escape') {\n      e.preventDefault();\n      e.stopPropagation();\n      handleInlineEditCancel();\n    }\n  };\n\n  const handleInlineEditConfirm = () => {\n    if (inlineEditConfig?.onChange && editValue !== value) {\n      inlineEditConfig.onChange(itemId, editValue);\n    }\n  };\n\n  const handleInlineEditCancel = () => {\n    cancelledRef.current = true;\n    setEditValue(value);\n    notifyEditingEnd();\n    setIsInlineEditing(false);\n  };\n\n  const handleInlineEditBlur = () => {\n    // Only save on blur if the user didn't press Escape\n    if (!cancelledRef.current) {\n      handleInlineEditConfirm();\n    }\n    cancelledRef.current = false;\n    setIsInlineEditing(false);\n    setColumnWidthsLocked?.(false);\n  };\n\n  return isInlineEditing ? (\n    isMultiline ? (\n      <InlineEditTextarea\n        ref={textareaRef}\n        value={editValue}\n        onChange={(e) => setEditValue(e.target.value)}\n        onBlur={handleInlineEditBlur}\n        onKeyDown={handleInlineEditKeyDown}\n        placeholder={placeholder}\n        autoFocus\n        // without this, the textarea will be 2 lines high by default,\n        // even when there's only one line of text\n        rows={1}\n      />\n    ) : (\n      <InlineEditInput\n        ref={inputRef}\n        value={editValue}\n        onChange={(e) => setEditValue(e.target.value)}\n        onBlur={handleInlineEditBlur}\n        onKeyDown={handleInlineEditKeyDown}\n        placeholder={placeholder}\n        autoFocus\n      />\n    )\n  ) : (\n    <InlineEditDisplay\n      tabIndex={0}\n      data-tablebox-inline-edit-trigger\n      $multiline={isMultiline}\n      onFocus={() => {\n        setEditValue(value);\n        setColumnWidthsLocked?.(true);\n        setIsInlineEditing(true);\n      }}\n    >\n      {children || value}\n    </InlineEditDisplay>\n  );\n};\n\nexport default InlineInput;\n","import styled, { css } from 'styled-components';\n\nimport { IconButton } from '@persona/design-system/components/Button';\nimport DropdownMenu from '@persona/design-system/components/DropdownMenu';\nimport type { MenuItemProps } from '@persona/design-system/components/Menu';\nimport { TransitionDuration } from '@persona/design-system/variables/transitions';\nimport { Color, Spacing } from '@persona/design-tokens';\nimport { MoreIcon, XIcon } from '@persona/icons/12px';\n\nexport type RowAction = {\n  label: string;\n  onClick: () => void;\n} & Omit<MenuItemProps, 'children'>;\n\nconst IconButtonWidth = 16;\nconst BackgroundFadeWidth = 12;\nconst RowActionsContainerBaseWidth = parseInt(Spacing[1]) + IconButtonWidth + parseInt(Spacing[2]);\nexport const RowActionsContainerWithFadeWidth = BackgroundFadeWidth + RowActionsContainerBaseWidth;\n\n/**\n * Container for row-level actions (`actions` menu and/or delete `X`). Used\n * in two layouts:\n *\n * - **Dedicated trailing column** (`$inDedicatedColumn=true`, the default\n *   for horizontal-scroll mode): laid out in normal flow inside\n *   `PinnedActionsCell`.\n * - **Overlaid in last data cell** (`$inDedicatedColumn=false`,\n *   `disableHorizontalScroll` mode): absolutely positioned on top of the\n *   last cell's content with a fade gradient so it overlaps text on hover.\n *\n * Other variant props:\n * - `$hasCombobox` — last data column is an inline combobox; we use auto\n *   width so the caret↔first-action gap matches the action↔delete gap, and\n *   we drop the gradient so there's no fade running over the caret.\n * - `$hasDelete` — fade the container in only on hover, mirroring the\n *   legacy \"show delete on hover\" behavior.\n */\nexport const RowActionsContainer = styled.div<{\n  $hasActions?: boolean;\n  $hasDelete?: boolean;\n  $hasCombobox?: boolean;\n  $inDedicatedColumn?: boolean;\n}>`\n  width: ${({ $hasCombobox }) => ($hasCombobox ? 'auto' : `${RowActionsContainerWithFadeWidth}px`)};\n  position: ${({ $hasCombobox, $inDedicatedColumn }) =>\n    $hasCombobox || $inDedicatedColumn ? 'static' : 'absolute'};\n  right: ${Spacing[2]};\n  top: 0;\n  height: 100%;\n  display: flex;\n  gap: ${Spacing[1]};\n  align-items: center;\n  justify-content: end;\n  transition: opacity ${TransitionDuration.Fast} ease-out;\n  background: linear-gradient(\n    to right,\n    transparent,\n    ${Color.BackgroundPrimary} ${BackgroundFadeWidth}px\n  );\n\n  /* Combobox cells render actions inline next to the caret. The padding-left\n     keeps the caret↔first-action gap visually balanced with the gap between\n     the actions themselves. */\n  ${({ $hasCombobox }) =>\n    $hasCombobox &&\n    css`\n      background: none;\n      padding-right: ${Spacing[2]};\n      padding-left: ${Spacing[1]};\n    `}\n\n  /* PinnedActionsCell is transparent (so scrolling content can pass under it);\n     owning the right gutter here keeps the container's opaque gradient flush\n     to the cell's right edge. */\n  ${({ $inDedicatedColumn, $hasCombobox }) =>\n    $inDedicatedColumn &&\n    !$hasCombobox &&\n    css`\n      padding-right: ${Spacing[2]};\n    `}\n\n  /* Hide on hover only when delete is present (matches legacy behavior). */\n  ${({ $hasDelete }) =>\n    $hasDelete &&\n    css`\n      opacity: 0;\n    `}\n\n  /* Make room for both buttons; combobox cells use auto width so they can sit\n     inline next to the caret. */\n  ${({ $hasActions, $hasDelete, $hasCombobox }) =>\n    $hasActions &&\n    $hasDelete &&\n    !$hasCombobox &&\n    css`\n      width: ${RowActionsContainerWithFadeWidth + parseInt(Spacing[1]) + IconButtonWidth}px;\n    `}\n`;\n\ninterface RowActionsProps {\n  actions?: RowAction[];\n  onDelete?: () => void;\n  /** When true, sizes/positions for the dedicated sticky trailing column. */\n  inDedicatedColumn?: boolean;\n  /** When true, sizes/positions inline alongside a combobox caret. */\n  inCombobox?: boolean;\n}\n\n/**\n * Renders the actions menu and/or delete icon button inside a\n * `RowActionsContainer`. Used both as an absolute overlay inside the\n * last data cell (fixed-layout mode) and as static content inside the\n * dedicated sticky trailing column (horizontal scroll mode).\n */\nexport const RowActions = ({\n  actions,\n  onDelete,\n  inDedicatedColumn,\n  inCombobox,\n}: RowActionsProps) => {\n  const hasActions = !!actions?.length;\n\n  if (!hasActions && !onDelete) {\n    return null;\n  }\n  return (\n    <RowActionsContainer\n      $hasActions={hasActions}\n      $hasDelete={!!onDelete}\n      $hasCombobox={inCombobox}\n      $inDedicatedColumn={inDedicatedColumn}\n      onClick={(e) => e.stopPropagation()}\n    >\n      {hasActions && (\n        <DropdownMenu\n          // Escape `PinnedActionsCell`'s stacking context — without portaling\n          // subsequent rows' sticky cells paint over the menu.\n          portal\n          trigger={\n            <IconButton aria-label='Actions'>\n              <MoreIcon />\n            </IconButton>\n          }\n        >\n          {actions?.map(({ label, onClick, ...rest }) => (\n            <DropdownMenu.Item key={label} {...rest} onClick={onClick} size='sm'>\n              {label}\n            </DropdownMenu.Item>\n          ))}\n        </DropdownMenu>\n      )}\n      {onDelete && (\n        <IconButton aria-label='Delete' onClick={onDelete}>\n          <XIcon />\n        </IconButton>\n      )}\n    </RowActionsContainer>\n  );\n};\n","import { type FocusEvent, useCallback, useEffect, useRef, useState } from 'react';\n\nconst ERROR_DELAY_MS = 500;\n\nconst isEditableTarget = (target: EventTarget | null) =>\n  target instanceof HTMLElement && (target.matches('input, textarea') || target.isContentEditable);\n\nconst useDelayedInlineEditError = (errorText?: string) => {\n  const errorTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const lastEditingEndAtRef = useRef<number | null>(null);\n  const isEditingRef = useRef(false);\n  const errorTextRef = useRef(errorText);\n  errorTextRef.current = errorText;\n  const [isErrorVisible, setIsErrorVisible] = useState(Boolean(errorText));\n\n  const clearErrorTimer = useCallback(() => {\n    if (errorTimerRef.current != null) {\n      clearTimeout(errorTimerRef.current);\n      errorTimerRef.current = null;\n    }\n  }, []);\n\n  const scheduleError = useCallback(\n    (delay = ERROR_DELAY_MS) => {\n      clearErrorTimer();\n      if (!errorTextRef.current) {\n        return;\n      }\n\n      errorTimerRef.current = setTimeout(() => {\n        if (errorTextRef.current && !isEditingRef.current) {\n          setIsErrorVisible(true);\n        }\n        errorTimerRef.current = null;\n      }, delay);\n    },\n    [clearErrorTimer],\n  );\n\n  useEffect(() => {\n    if (!errorText) {\n      clearErrorTimer();\n      setIsErrorVisible(false);\n      return;\n    }\n\n    if (isEditingRef.current) {\n      setIsErrorVisible(false);\n      return;\n    }\n\n    if (lastEditingEndAtRef.current == null) {\n      clearErrorTimer();\n      setIsErrorVisible(true);\n    } else if (!isErrorVisible) {\n      const elapsed = Date.now() - lastEditingEndAtRef.current;\n      scheduleError(Math.max(0, ERROR_DELAY_MS - elapsed));\n    }\n  }, [clearErrorTimer, errorText, isErrorVisible, scheduleError]);\n\n  useEffect(() => clearErrorTimer, [clearErrorTimer]);\n\n  const onFocus = useCallback(\n    (event: FocusEvent<HTMLElement>) => {\n      if (!isEditableTarget(event.target)) {\n        return;\n      }\n\n      isEditingRef.current = true;\n      lastEditingEndAtRef.current = null;\n      clearErrorTimer();\n      setIsErrorVisible(false);\n    },\n    [clearErrorTimer],\n  );\n\n  const onEditingEnd = useCallback(() => {\n    if (!isEditingRef.current) {\n      return;\n    }\n\n    isEditingRef.current = false;\n    lastEditingEndAtRef.current = Date.now();\n    scheduleError();\n  }, [scheduleError]);\n\n  const onBlur = useCallback(\n    (event: FocusEvent<HTMLElement>) => {\n      if (!isEditableTarget(event.target)) {\n        return;\n      }\n\n      onEditingEnd();\n    },\n    [onEditingEnd],\n  );\n\n  return { isErrorVisible, onBlur, onEditingEnd, onFocus };\n};\n\nexport default useDelayedInlineEditError;\n","import { type ComponentPropsWithoutRef, type FocusEvent, useContext } from 'react';\nimport styled from 'styled-components';\n\nimport { HStack } from '@persona/design-system/components/Stack';\nimport { TableCell } from '@persona/design-system/components/Table';\nimport Tooltip from '@persona/design-system/components/Tooltip';\nimport { paragraphMixins } from '@persona/design-system/mixins/text';\nimport { Color, Spacing, Typography } from '@persona/design-tokens';\nimport { CircleAlertIcon } from '@persona/icons/12px';\n\nimport InlineCombobox from './InlineCombobox';\nimport InlineInput from './InlineInput';\nimport { type InlineEditConfig, TableBoxContext } from './TableBox';\nimport { type RowAction, RowActions } from './TableBoxRowActions';\nimport { TableBoxRowContext } from './TableBoxRowContext';\nimport useDelayedInlineEditError from './useDelayedInlineEditError';\n\nexport interface TableBoxCellProps extends ComponentPropsWithoutRef<typeof TableCell> {\n  /** The id of the item the cell belongs to */\n  itemId?: string;\n  /** Initial value for the cell */\n  value?: string;\n  /** The column key this cell belongs to. Used to look up the change handler from context. */\n  columnKey?: string;\n  /**\n   * Error shown immediately until inline editing begins. Focusing the cell's editable input hides\n   * the error, and ending the inline edit resurfaces it after 500ms.\n   */\n  errorText?: string;\n  /**\n   * Whether this is the last cell in the row. Set automatically by\n   * `TableBoxRow` so that, in fixed-layout mode (no dedicated trailing\n   * actions column), the cell can host the row's actions / delete button.\n   */\n  isLastCell?: boolean;\n  /**\n   * Row actions, only injected by `TableBoxRow` when actions live inside\n   * the last data cell (fixed-layout mode).\n   */\n  actions?: RowAction[];\n  /**\n   * Delete handler, only injected by `TableBoxRow` when delete lives inside\n   * the last data cell (fixed-layout mode).\n   */\n  onDelete?: (id: string | number) => void;\n  /**\n   * Cell-specific inline edit configuration.\n   * Properties provided here will override the column-level configuration.\n   * Useful for per-row customization of options, onChange handlers, etc.\n   */\n  inlineEditConfigOverride?: Partial<InlineEditConfig>;\n  /** @internal Visible row-wide error injected into the first cell by `TableBoxRow`. */\n  rowErrorText?: string;\n}\n\nconst CELL_VERTICAL_PADDING = Spacing[1];\nconst CELL_HEIGHT = `calc(${Typography.TextSmall.lineHeight} + (${CELL_VERTICAL_PADDING} * 2))`;\n\nconst StyledCell = styled(TableCell)<{ $noPadding?: boolean }>`\n  ${paragraphMixins.sm};\n  // height acts as min-height for table cells\n  height: ${CELL_HEIGHT};\n  padding: ${({ $noPadding }) => ($noPadding ? Spacing[0] : `${CELL_VERTICAL_PADDING} ${Spacing[2]}`)};\n  border-bottom: 1px solid ${Color.BorderHairline};\n  position: relative;\n`;\n\nconst StyledCellContent = styled.div`\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  flex-grow: 1;\n  min-width: 0;\n`;\n\nconst CellErrorContainer = styled.span<{ $inset?: boolean }>`\n  display: inline-block;\n  line-height: ${Typography.TextSmall.lineHeight};\n  margin-right: ${({ $inset }) => ($inset ? Spacing[0] : Spacing[1])};\n  padding-left: ${({ $inset }) => ($inset ? Spacing[2] : Spacing[0])};\n  position: relative;\n  /* Optically center the 12px alert glyph against the text's visual bounds. */\n  top: 1px;\n`;\n\nconst TableBoxCell = ({\n  children,\n  itemId = '',\n  value = '',\n  columnKey,\n  errorText,\n  isLastCell = false,\n  actions,\n  onDelete,\n  inlineEditConfigOverride,\n  rowErrorText,\n  onBlur,\n  onFocus,\n  ...props\n}: TableBoxCellProps) => {\n  const context = useContext(TableBoxContext);\n  const rowContext = useContext(TableBoxRowContext);\n  const {\n    isErrorVisible,\n    onBlur: handleDelayedErrorBlur,\n    onEditingEnd: handleDelayedErrorEditingEnd,\n    onFocus: handleDelayedErrorFocus,\n  } = useDelayedInlineEditError(errorText);\n\n  if (context == null) {\n    throw new Error('TableBox context is not set');\n  }\n\n  const column = context.columns.find((c) => c.key === columnKey);\n  const columnConfig = column?.inlineEditConfig;\n\n  // Cell-level overrides shallow-merge over the column-level config.\n  let inlineEditConfig =\n    context.disabled || columnConfig == null\n      ? undefined\n      : inlineEditConfigOverride\n        ? { ...columnConfig, ...inlineEditConfigOverride }\n        : columnConfig;\n\n  // Portal combobox dropdowns when the scroll container clips overflow\n  // (`overflow-x: auto` from horizontal overflow, or `overflow-y: auto` from\n  // maxHeight). When the table fits with no height cap we leave them\n  // un-portaled to avoid ancestor RAC modals marking them aria-hidden.\n  // fullWidthComboboxDropdown callers always need the portal.\n  if (\n    inlineEditConfig?.type === 'combobox' &&\n    (context.clipsOverflow || inlineEditConfig?.fullWidthComboboxDropdown)\n  ) {\n    inlineEditConfig = {\n      ...inlineEditConfig,\n      useComboboxPortal: true,\n    };\n  }\n\n  const handleDelete = () => {\n    if (onDelete && itemId) {\n      onDelete(itemId);\n    }\n  };\n\n  const handleFocus = (event: FocusEvent<HTMLTableCellElement>) => {\n    handleDelayedErrorFocus(event);\n    onFocus?.(event);\n  };\n\n  const handleBlur = (event: FocusEvent<HTMLTableCellElement>) => {\n    handleDelayedErrorBlur(event);\n    onBlur?.(event);\n  };\n\n  const visibleErrorText = isErrorVisible && errorText ? errorText : rowErrorText;\n\n  return (\n    <StyledCell\n      {...props}\n      $noPadding={inlineEditConfig?.type === 'combobox'}\n      tabIndex={-1}\n      onBlur={handleBlur}\n      onFocus={handleFocus}\n    >\n      <HStack align='center' spacing={Spacing[0]}>\n        {visibleErrorText != null && (\n          <CellErrorContainer $inset={inlineEditConfig?.type === 'combobox'}>\n            <Tooltip\n              aria-label={`Error: ${visibleErrorText}`}\n              iconTrigger={<CircleAlertIcon color={Color.BorderIconDanger} size='12' />}\n              side='top'\n              size='sm'\n            >\n              {visibleErrorText}\n            </Tooltip>\n          </CellErrorContainer>\n        )}\n        {inlineEditConfig ? (\n          inlineEditConfig.type === 'combobox' ? (\n            <InlineCombobox\n              itemId={itemId}\n              value={value}\n              columnKey={columnKey}\n              inlineEditConfig={inlineEditConfig}\n              rowRef={rowContext?.rowRef}\n              hasLeadingError={visibleErrorText != null}\n            >\n              <StyledCellContent>{children}</StyledCellContent>\n            </InlineCombobox>\n          ) : (\n            <InlineInput\n              itemId={itemId}\n              value={value}\n              columnKey={columnKey}\n              inlineEditConfig={inlineEditConfig}\n              onEditingEnd={handleDelayedErrorEditingEnd}\n            >\n              {children}\n            </InlineInput>\n          )\n        ) : (\n          <StyledCellContent>{children}</StyledCellContent>\n        )}\n        {isLastCell && !context.disabled && (\n          <RowActions\n            actions={actions}\n            onDelete={onDelete ? handleDelete : undefined}\n            inCombobox={inlineEditConfig?.type === 'combobox'}\n          />\n        )}\n      </HStack>\n    </StyledCell>\n  );\n};\n\nexport default TableBoxCell;\n","import { useSortable } from '@dnd-kit/sortable';\nimport {\n  Children,\n  cloneElement,\n  type ComponentPropsWithoutRef,\n  type FocusEvent,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { CaretButton } from '@persona/design-system/components/Combobox';\nimport { FormGroupContext } from '@persona/design-system/components/ConfigFormGroup';\nimport { Container as FormControlContainer } from '@persona/design-system/components/FormControl';\nimport type { MenuItemProps } from '@persona/design-system/components/Menu';\nimport Popover from '@persona/design-system/components/Popover';\nimport Stack from '@persona/design-system/components/Stack';\nimport { TableCell, TableRow } from '@persona/design-system/components/Table';\nimport { Z_INDICES } from '@persona/design-system/lib/zindex';\nimport { focusOutline } from '@persona/design-system/mixins/focus';\nimport { Elevation } from '@persona/design-system/variables/effect';\nimport { TransitionDuration } from '@persona/design-system/variables/transitions';\nimport { BorderRadius, Color, Spacing, Typography } from '@persona/design-tokens';\nimport { DragIcon } from '@persona/icons';\n\nimport { PinnedActionsCell, TableBoxContext } from './TableBox';\nimport { RowActions, RowActionsContainer } from './TableBoxRowActions';\nimport { TableBoxRowContext } from './TableBoxRowContext';\nimport useDelayedInlineEditError from './useDelayedInlineEditError';\nimport type { DragDirection } from './useTableBoxDragAndDrop';\n\nexport interface TableBoxRowProps extends ComponentPropsWithoutRef<typeof TableRow> {\n  /**\n   * Row-wide error shown immediately in the first cell until inline editing begins. Focusing any\n   * editable input in the row hides the error, and ending the active inline edit resurfaces it\n   * after 500ms.\n   */\n  errorText?: string;\n\n  /**\n   * Actions to display in a dropdown menu.\n   * Supports all props from `MenuItem`.\n   */\n  actions?: Array<\n    {\n      label: string;\n      onClick: () => void;\n    } & Omit<MenuItemProps, 'children'>\n  >;\n\n  /**\n   * Called when the delete (X) icon is clicked. Only renders item-level delete icon if this prop is present.\n   * Receives the item's id as a parameter.\n   */\n  onDelete?: (id: string | number) => void;\n\n  /**\n   * Form fields to be rendered inside a row dropdown popover.\n   * The configField prop will be set to true for all fields via FormGroupContext.\n   * Dropdown will be opened when the row is selected.\n   */\n  dropdownFormFields?: ReactNode;\n\n  /**\n   * Content to be rendered inside the row dropdown popover.\n   * Dropdown will be opened when the row is selected.\n   */\n  dropdownContent?: ReactNode;\n\n  /**\n   * Optional heading text to display in the row dropdown popover.\n   * Either dropdownFormFields or dropdownContent must also be provided,\n   * otherwise the dropdown will not be rendered.\n   */\n  dropdownHeadingText?: string;\n\n  /**\n   * Footer to be rendered inside the row dropdown popover.\n   * Either dropdownFormFields or dropdownContent must also be provided,\n   * otherwise the dropdown will not be rendered.\n   */\n  dropdownFooter?: ReactNode;\n}\n\nconst StyledRow = styled(TableRow)<{\n  $isSelectable?: boolean;\n  $isDragging?: boolean;\n  $dropIndicatorPosition?: 'top' | 'bottom';\n}>`\n  cursor: ${({ $isSelectable }) => ($isSelectable ? 'pointer' : 'default')};\n  position: relative;\n  /* Give every row a solid background so sticky first-column cells (which\n     inherit the row's background) remain opaque during horizontal scroll. */\n  background-color: ${Color.BackgroundPrimary};\n\n  /* Dim the dragged row in place. A floating clone rendered by @dnd-kit's\n     DragOverlay provides the fully-opaque representation that follows the\n     pointer. */\n  ${({ $isDragging }) =>\n    $isDragging &&\n    css`\n      opacity: 0.5;\n    `}\n\n  /* 2px brand-colored drop indicator applied to each cell via inset\n     box-shadow so the line spans the full row width without affecting\n     layout. box-shadow on <td> renders reliably across modern browsers,\n     unlike pseudo-elements on <tr>. */\n  ${({ $dropIndicatorPosition, theme }) =>\n    $dropIndicatorPosition === 'top' &&\n    css`\n      td {\n        box-shadow: inset 0 2px 0 ${theme.color.text.brand};\n      }\n    `}\n\n  ${({ $dropIndicatorPosition, theme }) =>\n    $dropIndicatorPosition === 'bottom' &&\n    css`\n      td {\n        box-shadow: inset 0 -2px 0 ${theme.color.text.brand};\n      }\n    `}\n\n  ${CaretButton} {\n    opacity: 0;\n    transition: opacity ${TransitionDuration.Fast} ease-out;\n\n    /* Allow button to shrink to caret SVG height and width, and adjust alignment to remain vertically centered */\n    width: auto;\n    height: auto;\n    top: 50%;\n    transform: translateY(-50%);\n  }\n\n  &:last-child {\n    td {\n      border-bottom: none;\n      &:first-child {\n        border-bottom-left-radius: ${BorderRadius.Md};\n      }\n      &:last-child {\n        border-bottom-right-radius: ${BorderRadius.Md};\n      }\n    }\n  }\n\n  &[aria-selected='true'] {\n    background: ${({ theme }) => theme.color.background.highlight};\n    color: ${({ theme }) => theme.color.text.brand};\n  }\n\n  /* Hover and edit feedback is scoped to rows that respond to a pointer.\n     Display-only tables (no selection, reordering, actions or inline editing)\n     would otherwise read as clickable. */\n  &[data-interactive] {\n    &:hover:not([aria-selected='true']) {\n      cursor: ${({ $isSelectable }) => ($isSelectable ? 'pointer' : 'default')};\n      color: ${({ theme }) => theme.color.text.primary};\n      background: ${Color.BackgroundSecondary};\n\n      ${RowActionsContainer} {\n        opacity: 1;\n        background: linear-gradient(to right, transparent, ${Color.BackgroundSecondary} 12px);\n      }\n\n      ${CaretButton} {\n        opacity: 1;\n      }\n    }\n\n    &:has(input:focus),\n    &:has(textarea:focus),\n    &:has(input[role='combobox'][aria-expanded='true']),\n    &:has(input:focus):hover,\n    &:has(textarea:focus):hover,\n    &:has(input[role='combobox'][aria-expanded='true']):hover,\n    &:has(button:focus),\n    &:has(button:focus):hover {\n      color: ${({ theme }) => theme.color.text.brand};\n      background-color: ${({ theme }) => theme.color.background.highlight};\n\n      ${RowActionsContainer} {\n        opacity: 1;\n        background: linear-gradient(\n          to right,\n          transparent,\n          ${({ theme }) => theme.color.background.highlight} ${parseInt(Spacing[3])}px\n        );\n      }\n\n      ${CaretButton} {\n        opacity: 1;\n      }\n    }\n\n    /* In fixed-layout mode the actions overlay lives inside the furthest-right\n       column's cell, so revealing the delete (X) on focus would park it on top\n       of the text being edited. While that column's inline input holds focus,\n       keep it hidden; hovering the row still brings it back. */\n    &:not(:hover):has(\n        td:last-child :is(input:not([role='combobox']), textarea):focus\n      ) {\n      ${RowActionsContainer} {\n        opacity: 0;\n      }\n    }\n  }\n`;\n\nconst DragHandleCell = styled(TableCell)`\n  width: 24px;\n  padding: ${Spacing[0]} ${Spacing[1]};\n  border-bottom: 1px solid ${Color.BorderHairline};\n  vertical-align: middle;\n  text-align: center;\n`;\n\n// The `grabbing` cursor during an active drag is applied globally via\n// `document.body.style.cursor` in TableBox, so this button only needs to\n// declare the resting `grab` cursor. `:active` covers the brief interval\n// between mousedown and dnd-kit promoting it to an active drag.\nconst DragHandleButton = styled.button.attrs({ type: 'button' })`\n  background: none;\n  border: none;\n  padding: 0;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  cursor: grab;\n  touch-action: none;\n  color: ${Color.TextSecondary};\n  ${focusOutline}\n\n  &:hover {\n    color: ${Color.TextPrimary};\n  }\n\n  &:active {\n    cursor: grabbing;\n  }\n`;\n\nconst DropdownPopoverHeading = styled.div`\n  ${Typography.TextSmallBold};\n  border-bottom: 1px solid ${Color.BorderHairline};\n  padding: ${Spacing[2]} ${Spacing[3]} ${Spacing[1]};\n`;\n\nconst DropdownPopoverContent = styled(Stack)`\n  min-width: var(--radix-popover-trigger-width);\n  padding: ${Spacing[3]};\n\n  ${FormControlContainer} {\n    min-width: 0;\n  }\n`;\n\nconst DropdownPopoverFooter = styled.div`\n  border-top: 1px solid ${Color.BorderHairline};\n  padding: ${Spacing[1]};\n`;\n\ntype SortableTableBoxRowContentProps = Omit<ComponentPropsWithoutRef<typeof StyledRow>, 'ref'> & {\n  id: string | number;\n  isSelected: boolean;\n  isSelectable: boolean;\n  onClick: () => void;\n  rowRef: React.MutableRefObject<HTMLTableRowElement | null>;\n  draggedDirection: DragDirection;\n};\n\n/**\n * Computes the drop-indicator position for a sortable row. Direction mirrors\n * `HoverCardPropertiesEditTable` / `ListBox`: dragging from above places the\n * line on the hovered row's bottom edge, dragging from below places it on the\n * top edge. The dragged row itself never shows an indicator.\n *\n * `closestCenter` has a \"dead zone\" while the pointer is still over the\n * dragged row's own slot (`overIndex === activeIndex`). We use the drag\n * direction to show the indicator on the immediate neighbor so the\n * \"immediately before/after original\" positions still get feedback.\n */\nconst getDropIndicatorPosition = ({\n  isDragging,\n  index,\n  activeIndex,\n  overIndex,\n  draggedDirection,\n}: {\n  isDragging: boolean;\n  index: number;\n  activeIndex: number;\n  overIndex: number;\n  draggedDirection: DragDirection;\n}): 'top' | 'bottom' | undefined => {\n  if (isDragging || activeIndex === -1) {\n    return undefined;\n  }\n  if (overIndex === index && overIndex !== activeIndex) {\n    return activeIndex < index ? 'bottom' : 'top';\n  }\n  if (overIndex === activeIndex) {\n    if (draggedDirection === 'up' && index === activeIndex - 1) {\n      return 'bottom';\n    }\n    if (draggedDirection === 'down' && index === activeIndex + 1) {\n      return 'top';\n    }\n  }\n  return undefined;\n};\n\n/**\n * Inner row component used when drag-and-drop is enabled on the parent\n * TableBox. Subscribes to the surrounding SortableContext via useSortable and\n * renders a leading drag-handle cell.\n */\nconst SortableTableBoxRowContent = ({\n  id,\n  isSelected,\n  isSelectable,\n  onClick,\n  rowRef,\n  draggedDirection,\n  children,\n  ...props\n}: SortableTableBoxRowContentProps) => {\n  const { attributes, listeners, setNodeRef, isDragging, activeIndex, overIndex, index } =\n    useSortable({ id: String(id) });\n\n  const setRefs = (element: HTMLTableRowElement | null) => {\n    rowRef.current = element;\n    setNodeRef(element);\n  };\n\n  const dropIndicatorPosition = getDropIndicatorPosition({\n    isDragging,\n    index,\n    activeIndex,\n    overIndex,\n    draggedDirection,\n  });\n\n  return (\n    <StyledRow\n      {...props}\n      ref={setRefs}\n      id={String(id)}\n      onClick={onClick}\n      disableHoverBackground={true}\n      aria-selected={isSelected}\n      $isSelectable={isSelectable}\n      $isDragging={isDragging}\n      $dropIndicatorPosition={dropIndicatorPosition}\n    >\n      <DragHandleCell>\n        <DragHandleButton\n          aria-label='Drag to reorder'\n          {...attributes}\n          {...listeners}\n          onClick={(e) => e.stopPropagation()}\n        >\n          <DragIcon />\n        </DragHandleButton>\n      </DragHandleCell>\n      {children}\n    </StyledRow>\n  );\n};\n\nconst TableBoxRow = ({\n  children,\n  actions,\n  onDelete,\n  errorText,\n  id,\n  dropdownFormFields,\n  dropdownContent,\n  dropdownHeadingText,\n  dropdownFooter,\n  onBlur,\n  onFocus,\n  ...props\n}: TableBoxRowProps) => {\n  const context = useContext(TableBoxContext);\n  const isSelected = context?.selectedKey === (id as string);\n  const isSelectable = context?.selectionMode === 'single';\n  const isReorderable = context?.isReorderable ?? false;\n  const rowRegistry = context?.rowRegistry ?? null;\n  const draggedDirection = context?.draggedDirection ?? null;\n  const hasActionsColumn = context?.hasActionsColumn ?? false;\n  const isDisabled = context?.disabled ?? false;\n  const rowRef = useRef<HTMLTableRowElement>(null);\n  const {\n    isErrorVisible,\n    onBlur: handleDelayedErrorBlur,\n    onEditingEnd: handleDelayedErrorEditingEnd,\n    onFocus: handleDelayedErrorFocus,\n  } = useDelayedInlineEditError(errorText);\n  const effectiveActions = isDisabled ? undefined : actions;\n  const effectiveOnDelete = isDisabled ? undefined : onDelete;\n  const hasRowDropdown = Boolean(dropdownFormFields || dropdownContent);\n  // A disabled table keeps its rows viewable and selectable; only inline\n  // editing stops, and reordering and actions are already suppressed above.\n  const hasInlineEditableColumn =\n    !isDisabled && (context?.columns?.some((column) => column.inlineEditConfig != null) ?? false);\n  // A row dropdown opens through selection, so it never adds interactivity that\n  // `isSelectable` does not already cover.\n  const isInteractive =\n    isSelectable ||\n    isReorderable ||\n    hasInlineEditableColumn ||\n    (effectiveActions?.length ?? 0) > 0 ||\n    effectiveOnDelete != null;\n  const dataCells = Children.toArray(children).filter(\n    (child): child is ReactElement<{ value?: string }> => isValidElement<{ value?: string }>(child),\n  );\n  const areOtherCellsBlank = dataCells.slice(1).every((cell) => cell.props.value === '');\n\n  const handleFocus = (event: FocusEvent<HTMLTableRowElement>) => {\n    handleDelayedErrorFocus(event);\n    onFocus?.(event);\n  };\n\n  const handleBlur = (event: FocusEvent<HTMLTableRowElement>) => {\n    handleDelayedErrorBlur(event);\n    onBlur?.(event);\n  };\n\n  const handleClick = () => {\n    if (context?.onRowClick && id && isSelectable) {\n      context.onRowClick(id as string);\n    }\n  };\n\n  const handleDelete = useCallback(() => {\n    if (effectiveOnDelete && id != null) {\n      effectiveOnDelete(id);\n    }\n  }, [effectiveOnDelete, id]);\n  const rowContextValue = useMemo(\n    () => ({\n      rowRef,\n      onDelete: effectiveOnDelete && id != null ? handleDelete : undefined,\n      onEditingEnd: handleDelayedErrorEditingEnd,\n      areOtherCellsBlank,\n    }),\n    [areOtherCellsBlank, effectiveOnDelete, handleDelayedErrorEditingEnd, handleDelete, id],\n  );\n\n  // When the last data column is a combobox, lay out the dedicated actions\n  // cell with `width: auto` so the caret↔actions gap matches the\n  // actions↔delete gap instead of `justify-content: end` parking all the\n  // slack on the left.\n  const lastColumnIsCombobox = context?.columns?.at(-1)?.inlineEditConfig?.type === 'combobox';\n\n  // In horizontal-scroll mode (default) actions live in a dedicated trailing\n  // sticky cell. In `disableHorizontalScroll` (legacy) mode there is no\n  // trailing column, so we instead inject `actions`/`onDelete`/`itemId`/\n  // `isLastCell` into the last data cell via `cloneElement` so the cell can\n  // overlay them on top of its content.\n  const trailingActionsCell = useMemo(\n    () =>\n      hasActionsColumn ? (\n        <PinnedActionsCell>\n          <RowActions\n            actions={effectiveActions}\n            onDelete={effectiveOnDelete ? handleDelete : undefined}\n            inDedicatedColumn\n            inCombobox={lastColumnIsCombobox}\n          />\n        </PinnedActionsCell>\n      ) : null,\n    [hasActionsColumn, effectiveActions, effectiveOnDelete, handleDelete, lastColumnIsCombobox],\n  );\n\n  const renderedChildren = useMemo(() => {\n    if (hasActionsColumn && !isErrorVisible) {\n      return children;\n    }\n\n    const childrenArray = Children.toArray(children);\n    const firstChildIndex = isErrorVisible ? childrenArray.findIndex(isValidElement) : -1;\n    const lastChildIndex = childrenArray.length - 1;\n    return childrenArray.map((child, index) => {\n      if (!isValidElement(child)) {\n        return child;\n      }\n\n      const isFirstCell = index === firstChildIndex;\n      const isLastCell = !hasActionsColumn && index === lastChildIndex;\n      if (!isFirstCell && !isLastCell) {\n        return child;\n      }\n\n      return cloneElement(child as ReactElement, {\n        ...(isFirstCell && { rowErrorText: errorText }),\n        ...(isLastCell && {\n          isLastCell: true,\n          actions: effectiveActions,\n          onDelete: effectiveOnDelete,\n        }),\n        // The cell-side `handleDelete` falsy-checks `itemId` before invoking\n        // `onDelete`, so we must seed it from the row id — otherwise delete\n        // in fixed-layout mode silently no-ops.\n        ...(isLastCell && id != null && { itemId: String(id) }),\n      });\n    });\n  }, [\n    hasActionsColumn,\n    children,\n    effectiveActions,\n    effectiveOnDelete,\n    errorText,\n    id,\n    isErrorVisible,\n  ]);\n\n  // Provider sits between `<tr>` and the `<td>` cells (a React-only wrapper)\n  // so the row itself is still a single DOM element. This matters for the\n  // Popover trigger below: Radix's `<PopoverTrigger asChild>` clones the\n  // trigger element to attach a ref, and `Context.Provider` doesn't forward\n  // refs, so we cannot wrap the whole row with the Provider.\n  const rowChildrenWithContext = useMemo(\n    () => (\n      <TableBoxRowContext.Provider value={rowContextValue}>\n        {renderedChildren}\n        {trailingActionsCell}\n      </TableBoxRowContext.Provider>\n    ),\n    [renderedChildren, trailingActionsCell, rowContextValue],\n  );\n\n  // Register the row's content with the drag overlay registry so the\n  // `DragOverlay` clone can mirror this row when it becomes active. Updating\n  // in an effect (rather than during render) keeps render side-effect-free.\n  // The registered subtree includes the `TableBoxRowContext` provider so the\n  // overlay clone's cells can still resolve `rowRef` (used by inline\n  // comboboxes with `fullWidthComboboxDropdown`).\n  useEffect(() => {\n    if (!rowRegistry || id == null) {\n      return undefined;\n    }\n    const key = String(id);\n    const registry = rowRegistry.current;\n    registry.set(key, rowChildrenWithContext);\n    return () => {\n      registry.delete(key);\n    };\n  }, [id, rowChildrenWithContext, rowRegistry]);\n\n  const rowContent = isReorderable ? (\n    <SortableTableBoxRowContent\n      {...props}\n      data-interactive={isInteractive || undefined}\n      id={id as string | number}\n      isSelected={isSelected}\n      isSelectable={isSelectable}\n      onClick={handleClick}\n      onBlur={handleBlur}\n      onFocus={handleFocus}\n      rowRef={rowRef}\n      draggedDirection={draggedDirection}\n    >\n      {rowChildrenWithContext}\n    </SortableTableBoxRowContent>\n  ) : (\n    <StyledRow\n      {...props}\n      data-interactive={isInteractive || undefined}\n      ref={rowRef}\n      id={id}\n      onClick={handleClick}\n      onBlur={handleBlur}\n      onFocus={handleFocus}\n      disableHoverBackground={true}\n      aria-selected={isSelected}\n      $isSelectable={isSelectable}\n    >\n      {rowChildrenWithContext}\n    </StyledRow>\n  );\n\n  if (hasRowDropdown) {\n    return (\n      <Popover trigger={rowContent} open={isSelected}>\n        <Popover.Card\n          id={context?.rowDropdownId}\n          noPadding\n          style={{ zIndex: Z_INDICES.modalDropdown }}\n        >\n          {dropdownHeadingText && (\n            <DropdownPopoverHeading>{dropdownHeadingText}</DropdownPopoverHeading>\n          )}\n          {dropdownFormFields && (\n            <DropdownPopoverContent spacing={Spacing[2]}>\n              <FormGroupContext.Provider\n                value={{\n                  configField: true,\n                  labelTooltipZIndex: Z_INDICES.modalDropdownTooltip,\n                }}\n              >\n                {dropdownFormFields}\n              </FormGroupContext.Provider>\n            </DropdownPopoverContent>\n          )}\n          {dropdownContent && (\n            <DropdownPopoverContent spacing={Spacing[3]}>{dropdownContent}</DropdownPopoverContent>\n          )}\n          {dropdownFooter && <DropdownPopoverFooter>{dropdownFooter}</DropdownPopoverFooter>}\n        </Popover.Card>\n      </Popover>\n    );\n  }\n\n  return rowContent;\n};\n\n// Styled wrapper that lets a single `<tr>` be portaled by dnd-kit's\n// DragOverlay while preserving the TableBox's table-based styling. Uses\n// `table-layout: fixed` so the widths declared in the accompanying\n// `<colgroup>` are authoritative and columns line up 1:1 with the source\n// row (which would otherwise re-flow via auto layout).\nconst OverlayTable = styled.table`\n  width: 100%;\n  table-layout: fixed;\n  border-collapse: separate;\n  border-spacing: 0;\n  border: 1px solid ${Color.BorderDivider};\n  border-radius: ${BorderRadius.Md};\n  background: ${Color.BackgroundPrimary};\n  box-shadow: ${Elevation.High};\n`;\n\n/**\n * Visual clone of a `TableBoxRow` used inside `@dnd-kit`'s `DragOverlay`.\n * Renders a minimal table wrapper with a static drag-handle cell followed by\n * the original row's cells, so the portaled overlay looks identical to the\n * dragged row while it follows the pointer.\n *\n * `cellWidths` is the measured width (in px) of each `<td>` in the source\n * row at drag start, in source order (drag handle cell first, then content\n * cells). Applied via a `<colgroup>` with `table-layout: fixed` so the\n * overlay's columns align 1:1 with the source table instead of re-flowing\n * to the single row's content.\n */\nexport const TableBoxRowOverlay = ({\n  children,\n  cellWidths,\n}: {\n  children: ReactNode;\n  cellWidths: number[];\n}) => (\n  <OverlayTable aria-hidden='true'>\n    <colgroup>\n      {cellWidths.map((width, i) => (\n        <col key={i} style={{ width: `${width}px` }} />\n      ))}\n    </colgroup>\n    <tbody>\n      <StyledRow data-interactive disableHoverBackground={true}>\n        <DragHandleCell>\n          <DragHandleButton tabIndex={-1} aria-hidden='true'>\n            <DragIcon />\n          </DragHandleButton>\n        </DragHandleCell>\n        {children}\n      </StyledRow>\n    </tbody>\n  </OverlayTable>\n);\n\nexport default TableBoxRow;\n","import { type RefObject, useCallback, useState } from 'react';\n\ninterface UseColumnWidthLockOptions {\n  /**\n   * When false, the hook becomes a no-op — `lockedColWidths` stays `null`\n   * and `setColumnWidthsLocked` does nothing. Use when the table is already in\n   * `table-layout: fixed` mode, where the input swap can't reflow columns.\n   */\n  enabled?: boolean;\n}\n\n/**\n * Captures the live `<th>` widths of a table the moment inline editing starts\n * and clears them when editing ends.\n *\n * Consumers render a `<colgroup>` from `lockedColWidths` and switch the table\n * to `table-layout: fixed` for the duration of the edit so the input swap\n * doesn't reflow the columns.\n */\nexport const useColumnWidthLock = (\n  tableRef: RefObject<HTMLTableElement>,\n  { enabled = true }: UseColumnWidthLockOptions = {},\n) => {\n  const [lockedColWidths, setLockedColWidths] = useState<number[] | null>(null);\n\n  const setColumnWidthsLocked = useCallback(\n    (isLocked: boolean) => {\n      if (!enabled) {\n        return;\n      }\n      if (!isLocked) {\n        setLockedColWidths(null);\n        return;\n      }\n      const ths = Array.from(\n        tableRef.current?.querySelectorAll<HTMLTableCellElement>(':scope > thead > tr > th') ?? [],\n      );\n      if (ths.length > 0) {\n        setLockedColWidths(ths.map((th) => th.getBoundingClientRect().width));\n      }\n    },\n    [tableRef, enabled],\n  );\n\n  return { lockedColWidths, setColumnWidthsLocked };\n};\n","import {\n  closestCenter,\n  type DndContextProps,\n  type DragEndEvent,\n  type DragMoveEvent,\n  type DragStartEvent,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core';\nimport { sortableKeyboardCoordinates } from '@dnd-kit/sortable';\nimport {\n  type ReactNode,\n  type RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { findIndexByKey, moveItemByIndex } from '@persona/design-system/lib/reorderItems';\n\n/**\n * Vertical direction of an active drag relative to its starting position.\n * `null` means the pointer hasn't moved far enough from the drag origin to\n * infer a direction.\n */\nexport type DragDirection = 'up' | 'down' | null;\n\n// Small threshold so tiny pointer jitter at rest doesn't toggle the\n// indicator on and off.\nconst DRAG_DIRECTION_THRESHOLD = 4;\n\nexport interface ReorderConfig<T extends object> {\n  items: T[];\n  itemKeyPath: keyof T & string;\n  onReorder: (reorderedItems: T[]) => void;\n}\n\ninterface UseTableBoxDragAndDropArgs<T extends object> {\n  tableRef: RefObject<HTMLTableElement>;\n  reorderConfig: ReorderConfig<T> | undefined;\n}\n\ninterface UseTableBoxDragAndDropResult {\n  /**\n   * `id` of the row currently being dragged, or `null` when no drag is active.\n   * Use this to derive the DragOverlay content via the `rowRegistry`.\n   */\n  activeId: string | null;\n  /**\n   * Cell widths captured at drag start, in source order. Apply via a\n   * `<colgroup>` with `table-layout: fixed` on the overlay table so its\n   * columns line up 1:1 with the source row.\n   */\n  overlayCellWidths: number[] | null;\n  /**\n   * Current vertical direction of the active drag. Rows use this to place\n   * the drop indicator on a neighbor when the pointer is still within the\n   * dragged row's slot.\n   */\n  draggedDirection: DragDirection;\n  /**\n   * Sortable ids in source order. Pass to the `SortableContext`'s `items`.\n   */\n  sortableIds: string[];\n  /**\n   * Registry of row content keyed by row id, populated by each `TableBoxRow`\n   * and read when rendering the DragOverlay clone. Always non-null when\n   * drag-and-drop is enabled (i.e. `reorderConfig` is set).\n   */\n  rowRegistry: React.MutableRefObject<Map<string, ReactNode>>;\n  /**\n   * Spread on `DndContext`. Includes sensors, collision detection, and the\n   * lifecycle handlers that update the rest of this hook's state.\n   */\n  dndContextProps: Pick<\n    DndContextProps,\n    'sensors' | 'collisionDetection' | 'onDragStart' | 'onDragMove' | 'onDragEnd' | 'onDragCancel'\n  >;\n}\n\n/**\n * Bundles the `@dnd-kit` wiring TableBox needs to support row reordering:\n * sensors, lifecycle handlers, the dragged row's overlay content, and the\n * pointer direction used by rows to position drop indicators in dnd-kit's\n * \"dead zone\" (overIndex === activeIndex).\n *\n * Also forces a `grabbing` cursor on `<body>` while a row is active so the\n * cursor persists when the pointer leaves the drag handle.\n */\nexport const useTableBoxDragAndDrop = <T extends object>({\n  tableRef,\n  reorderConfig,\n}: UseTableBoxDragAndDropArgs<T>): UseTableBoxDragAndDropResult => {\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates }),\n  );\n\n  const rowRegistry = useRef<Map<string, ReactNode>>(new Map());\n  const [activeId, setActiveId] = useState<string | null>(null);\n  const [draggedDirection, setDraggedDirection] = useState<DragDirection>(null);\n  const [overlayCellWidths, setOverlayCellWidths] = useState<number[] | null>(null);\n\n  useEffect(() => {\n    if (activeId == null) {\n      return undefined;\n    }\n    const previous = document.body.style.cursor;\n    document.body.style.cursor = 'grabbing';\n    return () => {\n      document.body.style.cursor = previous;\n    };\n  }, [activeId]);\n\n  const sortableIds = useMemo(() => {\n    if (!reorderConfig) {\n      return [];\n    }\n    return reorderConfig.items.map((item) => String(item[reorderConfig.itemKeyPath]));\n  }, [reorderConfig]);\n\n  const handleDragStart = useCallback(\n    (event: DragStartEvent) => {\n      const id = String(event.active.id);\n      setActiveId(id);\n      setDraggedDirection(null);\n\n      // Scope to tableRef so we don't match unrelated elements sharing the id.\n      const rowElement = tableRef.current?.querySelector<HTMLTableRowElement>(\n        `tr[id=\"${CSS.escape(id)}\"]`,\n      );\n      if (rowElement) {\n        const widths = Array.from(rowElement.children)\n          .filter((child): child is HTMLTableCellElement => child.tagName === 'TD')\n          .map((td) => td.getBoundingClientRect().width);\n        setOverlayCellWidths(widths);\n      } else {\n        setOverlayCellWidths(null);\n      }\n    },\n    [tableRef],\n  );\n\n  const handleDragMove = useCallback((event: DragMoveEvent) => {\n    const { y } = event.delta;\n    const next: DragDirection =\n      y < -DRAG_DIRECTION_THRESHOLD ? 'up' : y > DRAG_DIRECTION_THRESHOLD ? 'down' : null;\n    setDraggedDirection((prev) => (prev === next ? prev : next));\n  }, []);\n\n  const resetDragState = useCallback(() => {\n    setActiveId(null);\n    setDraggedDirection(null);\n    setOverlayCellWidths(null);\n  }, []);\n\n  const handleDragEnd = useCallback(\n    (event: DragEndEvent) => {\n      resetDragState();\n      if (!reorderConfig) {\n        return;\n      }\n      const { active, over } = event;\n      if (!over || active.id === over.id) {\n        return;\n      }\n      const { items, itemKeyPath, onReorder } = reorderConfig;\n      const fromIndex = findIndexByKey(items, itemKeyPath, String(active.id));\n      const toIndex = findIndexByKey(items, itemKeyPath, String(over.id));\n      if (fromIndex === -1 || toIndex === -1) {\n        return;\n      }\n      onReorder(moveItemByIndex(items, fromIndex, toIndex));\n    },\n    [reorderConfig, resetDragState],\n  );\n\n  return {\n    activeId,\n    overlayCellWidths,\n    draggedDirection,\n    sortableIds,\n    rowRegistry,\n    dndContextProps: {\n      sensors,\n      collisionDetection: closestCenter,\n      onDragStart: handleDragStart,\n      onDragMove: handleDragMove,\n      onDragEnd: handleDragEnd,\n      onDragCancel: resetDragState,\n    },\n  };\n};\n","import { DndContext, DragOverlay } from '@dnd-kit/core';\nimport { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';\nimport { uniqueId } from 'lodash-es';\nimport {\n  createContext,\n  type PropsWithChildren,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport styled, { css } from 'styled-components';\n\nimport type { ComboboxOptionsOrGroups } from '@persona/design-system/components/Combobox';\nimport Table, {\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeaderCell,\n  TableRow,\n} from '@persona/design-system/components/Table';\nimport { useScrollOverflow } from '@persona/design-system/lib/useScrollOverflow';\nimport { Z_INDICES } from '@persona/design-system/lib/zindex';\nimport { focusOutline } from '@persona/design-system/mixins/focus';\nimport { paragraphMixins } from '@persona/design-system/mixins/text';\nimport { TransitionDuration } from '@persona/design-system/variables/transitions';\nimport { BorderRadius, Color, Spacing, Typography } from '@persona/design-tokens';\n\nimport TableBoxCell from './TableBoxCell';\nimport TableBoxRow, { TableBoxRowOverlay } from './TableBoxRow';\nimport { RowActionsContainerWithFadeWidth } from './TableBoxRowActions';\nimport { useColumnWidthLock } from './useColumnWidthLock';\nimport {\n  type DragDirection,\n  type ReorderConfig,\n  useTableBoxDragAndDrop,\n} from './useTableBoxDragAndDrop';\n\nexport type { DragDirection } from './useTableBoxDragAndDrop';\n\nexport interface InlineEditConfig {\n  type: 'text' | 'combobox';\n  options?: ComboboxOptionsOrGroups;\n  /**\n   * Whether to render the combobox dropdown in a portal (breaks out of overflow containers)\n   */\n  useComboboxPortal?: boolean;\n  /**\n   * When true, the combobox dropdown will use the table row as the containerRef,\n   * allowing the dropdown to span the full width of the row. Passing true will also\n   * automatically set useComboboxPortal to true, since the positioning logic relies on\n   * portaling. Defaults to false.\n   */\n  fullWidthComboboxDropdown?: boolean;\n  /**\n   * Whether to support multiline text input. When true, renders a textarea instead of input.\n   * Default state: limits display to 2 lines with ellipsis.\n   * Focused/editing state: expands to show all lines.\n   * Only applies when type is 'text'. Defaults to false.\n   */\n  multiline?: boolean;\n  /** Ellipsize the closed-state display instead of letting it overflow. Combobox only; off by default to preserve existing layouts. */\n  truncateDisplay?: boolean;\n  placeholder?: string;\n  onChange: (id: string, value: string) => void;\n}\n\ninterface TableBoxContextValue {\n  disabled: boolean;\n  newRowId?: string | null;\n  columns: Array<{\n    key: string;\n    title: string;\n    inlineEditConfig?: InlineEditConfig;\n  }>;\n  selectedKey: string | null;\n  selectionMode: 'single' | 'none';\n  onRowClick: (rowId: string) => void;\n  tableBoxId: string;\n  rowDropdownId: string;\n  /**\n   * True when the TableBox has a `reorderConfig` set. Rows use this to know\n   * whether to render a leading drag-handle cell and wire up `useSortable`.\n   */\n  isReorderable: boolean;\n  /**\n   * Current vertical direction of the active drag, or `null` when no drag is\n   * in progress. Rows use this to position the drop indicator on a neighbor\n   * when the pointer is in dnd-kit's \"dead zone\" (`overIndex === activeIndex`).\n   */\n  draggedDirection: DragDirection;\n  /**\n   * Registry of row content keyed by row id. Rows write their content here so\n   * the DragOverlay can render the dragged row. `null` when reordering is\n   * disabled.\n   */\n  rowRegistry: React.MutableRefObject<Map<string, React.ReactNode>> | null;\n  /**\n   * True when the TableBox renders a dedicated sticky trailing column for\n   * row actions. False when `disableHorizontalScroll` is set, in which case\n   * actions are injected into the last data cell instead.\n   */\n  hasActionsColumn: boolean;\n  /**\n   * True when the scroll container is using `overflow-x: auto`. Drives the\n   * sticky-column edge shadow and right-edge fade affordance.\n   */\n  hasHorizontalOverflow: boolean;\n  /**\n   * True when the scroll container clips overflowing content — either\n   * because content is wider than the box (`overflow-x: auto`) or because\n   * `maxHeight` forced `overflow-y: auto` (which also computes\n   * `overflow-x: visible` to `auto` per CSS Overflow §3). Cells force\n   * inline-edit combobox dropdowns into a portal in this case so they\n   * aren't clipped.\n   */\n  clipsOverflow: boolean;\n  /**\n   * Locks or unlocks measured column widths (`table-layout: fixed`) so\n   * inline-edit input swaps don't cause a layout reflow.\n   */\n  setColumnWidthsLocked: (isLocked: boolean) => void;\n  /** Schedules row creation after the current inline edit has rendered. */\n  scheduleCreateNewRowAfterCommit?: () => void;\n}\n\nexport const TableBoxContext = createContext<TableBoxContextValue | null>(null);\n\nexport interface TableBoxProps<T extends object = object> {\n  /** Text to display if no rows are available. */\n  emptyText?: string;\n  /** Selected key for the table. */\n  selectedKey?: string | null;\n  /** Default selected key for the table (uncontrolled mode). */\n  defaultSelectedKey?: string | null;\n  /** Called when selection changes. */\n  onSelectionChange?: (selectedKey: string | null) => void;\n  /**\n   * Selection mode for the table. 'single' allows one row to be selected at a time,\n   * 'none' disables row selection entirely.\n   */\n  selectionMode?: 'single' | 'none';\n  /** ARIA label for the table. */\n  'aria-label': string;\n  /** Column definitions for the table headers. */\n  columns: Array<{\n    key: string;\n    title: string;\n    /** Inline edit configuration for this column */\n    inlineEditConfig?: InlineEditConfig;\n  }>;\n  /** ID of the newly created row that should be focused */\n  newRowId?: string | null;\n  /** Creates a row after a single-line inline edit is committed with Enter. */\n  onCreateNewRow?: () => void;\n  /** When true, table content remains viewable but row mutations and inline editing are disabled. */\n  disabled?: boolean;\n  /**\n   * Opt out of the horizontally-scrolling layout and restore the legacy\n   * behavior where the table is locked to its container width and long cell\n   * values are truncated (`table-layout: fixed`, `width: 100%`, no sticky\n   * first column, no horizontal overflow).\n   *\n   * Use this for callers that expect the table to always fit inside a\n   * narrow container and don't benefit from a scroll affordance — e.g.\n   * small summary tables whose content is known to fit.\n   *\n   * Defaults to `false` (horizontal scrolling + sticky first column).\n   * Automatically forced to `true` when any column declares\n   * `inlineEditConfig`, since inline editing requires a stable\n   * non-scrolling layout.\n   */\n  disableHorizontalScroll?: boolean;\n  /**\n   * When provided, enables drag and drop row reordering. Mirrors the\n   * `reorderConfig` API on `ListBox`, but since `TableBox` renders rows from\n   * children rather than an `items` prop, the item array lives inside\n   * `reorderConfig`.\n   */\n  reorderConfig?: ReorderConfig<T>;\n  /**\n   * Hide the column header row. Useful for single-column tables where the\n   * surrounding `FormField` label already describes the data, so the column\n   * title would be visually redundant.\n   *\n   * When true, the first body row's top corners are rounded to match the\n   * outer container, since there's no header cell to provide that rounding.\n   *\n   * Defaults to `false`.\n   */\n  hideHeader?: boolean;\n  /**\n   * Caps the table body height and scrolls vertically inside the bordered\n   * container. The column header stays pinned while rows scroll.\n   */\n  maxHeight?: number | string;\n}\n\n// Must match `DragHandleHeaderCell`/`DragHandleCell` so the sticky offset aligns.\nconst DRAG_HANDLE_CELL_WIDTH = 24;\n\nconst RIGHT_FADE_WIDTH = 48;\n\n// Must match `TableScrollContainer`'s border so the fades sit flush inside it.\nconst CONTAINER_BORDER_WIDTH_PX = 1;\n\n// Paint order for the overlapping pieces, lowest first — compose from\n// Z_INDICES.sticky per lib/zindex.ts. Each fade strip is layered against the\n// row band it covers: the body fade stays under the row actions so buttons\n// remain legible, while the header fade tops the stack because the header band\n// holds no interactive content.\nconst STICKY_COLUMN_Z_INDEX = Z_INDICES.sticky;\nconst BODY_FADE_Z_INDEX = Z_INDICES.sticky + 1;\nconst PINNED_ACTIONS_Z_INDEX = Z_INDICES.sticky + 2;\nconst STICKY_HEADER_Z_INDEX = Z_INDICES.sticky + 3;\nconst STICKY_CORNER_Z_INDEX = Z_INDICES.sticky + 4;\nconst HEADER_FADE_Z_INDEX = Z_INDICES.sticky + 5;\n\n// Spacing[1] top/bottom padding and 1px border from TableHeaderCell, plus\n// line height (which never wraps).\nconst HEADER_HEIGHT_PX =\n  parseInt(Spacing[1], 10) * 2 + parseInt(Typography.TextSmall.lineHeight, 10) + 1;\n\n// `overflow-x` stays `visible` until overflow is detected so inline combobox\n// dropdowns can escape without portaling (portaled dropdowns get aria-hidden by\n// ancestor RAC modals). `overflow-y` stays `visible` unless `maxHeight` is set\n// — pairing `overflow-y: auto` with `overflow-x: visible` would compute both\n// axes to `auto` (CSS Overflow §3) and clip those same dropdowns.\nconst TableScrollContainer = styled.div<{\n  $fixedLayout: boolean;\n  $hasHorizontalOverflow: boolean;\n  $maxHeight?: number | string;\n}>`\n  border: ${CONTAINER_BORDER_WIDTH_PX}px solid ${Color.BorderDivider};\n  border-radius: ${BorderRadius.Md};\n  overflow-x: ${({ $fixedLayout, $hasHorizontalOverflow }) =>\n    $fixedLayout ? 'visible' : $hasHorizontalOverflow ? 'auto' : 'visible'};\n  overflow-y: ${({ $maxHeight }) => ($maxHeight != null ? 'auto' : 'visible')};\n  overscroll-behavior-x: none;\n  ${({ $maxHeight }) =>\n    $maxHeight != null &&\n    css`\n      max-height: ${typeof $maxHeight === 'number' ? `${$maxHeight}px` : $maxHeight};\n    `}\n`;\n\n// Anchors the fade overlay outside the scroll container. Anchoring it to the\n// container itself would make it scroll along with the table content.\nconst ScrollAffordanceWrapper = styled.div`\n  position: relative;\n`;\n\n// Right-edge fade affordance. The header and body bands fade to their own\n// backgrounds and are split into separate strips so each can be layered against\n// the content it covers. The 1px gap between them keeps the <thead>'s bottom\n// border uninterrupted.\nconst RightFadeOverlay = styled.div<{ $visible: boolean; $scrollbarWidth: number }>`\n  position: absolute;\n  right: ${({ $scrollbarWidth }) => CONTAINER_BORDER_WIDTH_PX + $scrollbarWidth}px;\n  width: ${RIGHT_FADE_WIDTH}px;\n  pointer-events: none;\n  opacity: ${({ $visible }) => ($visible ? 1 : 0)};\n  transition: opacity ${TransitionDuration.Fast} ease-out;\n`;\n\nconst HeaderFadeOverlay = styled(RightFadeOverlay).attrs({\n  'data-scroll-affordance': 'header-fade',\n})`\n  top: ${CONTAINER_BORDER_WIDTH_PX}px;\n  height: ${Math.max(0, HEADER_HEIGHT_PX - CONTAINER_BORDER_WIDTH_PX)}px;\n  z-index: ${HEADER_FADE_Z_INDEX};\n  background: linear-gradient(to right, transparent, ${Color.BackgroundSecondary});\n  border-top-right-radius: ${BorderRadius.Md};\n`;\n\nconst BodyFadeOverlay = styled(RightFadeOverlay).attrs({\n  'data-scroll-affordance': 'body-fade',\n})<{\n  $hideHeader: boolean;\n  $scrollbarHeight: number;\n}>`\n  top: ${({ $hideHeader }) =>\n    $hideHeader\n      ? `${CONTAINER_BORDER_WIDTH_PX}px`\n      : `${CONTAINER_BORDER_WIDTH_PX + HEADER_HEIGHT_PX}px`};\n  bottom: ${({ $scrollbarHeight }) => CONTAINER_BORDER_WIDTH_PX + $scrollbarHeight}px;\n  z-index: ${BODY_FADE_Z_INDEX};\n  background: linear-gradient(to right, transparent, ${Color.BackgroundPrimary});\n  border-bottom-right-radius: ${BorderRadius.Md};\n  ${({ $hideHeader }) =>\n    $hideHeader &&\n    css`\n      border-top-right-radius: ${BorderRadius.Md};\n    `}\n`;\n\n// Pins the leading sticky column(s) during horizontal scroll. In reorderable\n// mode the drag handle (col 1) and the first content column (col 2) are\n// BOTH sticky and sit flush — the handle at `left: 0`, content at\n// `left: DRAG_HANDLE_CELL_WIDTH`. Otherwise only the first content column\n// (col 1) is sticky.\nconst stickyContentColumn = (isReorderable: boolean, stickyHeader: boolean) => css`\n  && thead th:first-child,\n  && tbody td:first-child {\n    position: sticky;\n    left: 0;\n    z-index: ${STICKY_COLUMN_Z_INDEX};\n  }\n\n  && tbody td:first-child {\n    background-color: inherit;\n  }\n\n  ${\n    isReorderable &&\n    css`\n    && thead th:nth-child(2),\n    && tbody td:nth-child(2) {\n      position: sticky;\n      left: ${DRAG_HANDLE_CELL_WIDTH}px;\n      z-index: ${STICKY_COLUMN_Z_INDEX};\n    }\n\n    && tbody td:nth-child(2) {\n      background-color: inherit;\n    }\n  `\n  }\n\n  ${\n    stickyHeader &&\n    css`\n      && thead th {\n        position: sticky;\n        top: 0;\n        z-index: ${STICKY_HEADER_Z_INDEX};\n        background-color: ${Color.BackgroundSecondary};\n      }\n\n      ${isReorderable ? `&& thead th:nth-child(-n+2)` : `&& thead th:first-child`} {\n        z-index: ${STICKY_CORNER_Z_INDEX};\n      }\n    `\n  }\n`;\n\nconst StyledTable = styled(Table)<{\n  $isReorderable: boolean;\n  $hasHorizontalOverflow: boolean;\n  $fixedLayout: boolean;\n  $lockedWidth: number | undefined;\n  $hideHeader: boolean;\n  $stickyHeader: boolean;\n}>`\n  caret-color: ${Color.BorderFocus};\n\n  &::selection {\n    background: ${Color.BackgroundLabelPurple};\n  }\n\n  ${({ $fixedLayout, $isReorderable, $stickyHeader }) =>\n    $fixedLayout\n      ? css`\n          /* Legacy: truncate long cell content to container width. */\n          table-layout: fixed;\n\n          ${\n            $stickyHeader &&\n            css`\n              && thead th {\n                position: sticky;\n                top: 0;\n                z-index: ${STICKY_HEADER_Z_INDEX};\n                background-color: ${Color.BackgroundSecondary};\n              }\n            `\n          }\n        `\n      : stickyContentColumn($isReorderable, $stickyHeader)}\n\n  /* Lock column widths while inline editing to prevent layout reflow. */\n  ${({ $fixedLayout, $lockedWidth }) =>\n    !$fixedLayout &&\n    $lockedWidth != null &&\n    css`\n      table-layout: fixed;\n      width: ${$lockedWidth}px;\n    `}\n\n  /* Subtle right border on the sticky column when content extends off-screen\n     — inset shadow keeps it layout-neutral. */\n  ${({ $hasHorizontalOverflow, $isReorderable, $fixedLayout }) =>\n    $hasHorizontalOverflow &&\n    !$fixedLayout &&\n    css`\n      ${\n        $isReorderable\n          ? `&& thead th:nth-child(2), && tbody td:nth-child(2)`\n          : `&& thead th:first-child, && tbody td:first-child`\n      } {\n        box-shadow: inset -1px 0 0 ${Color.BorderDivider};\n      }\n    `}\n\n  /* When the header is hidden, round the first body row's outer corners so\n     they line up with the surrounding container's rounded border. */\n  ${({ $hideHeader }) =>\n    $hideHeader &&\n    css`\n      && tbody tr:first-child td:first-child {\n        border-top-left-radius: ${BorderRadius.Md};\n      }\n      && tbody tr:first-child td:last-child {\n        border-top-right-radius: ${BorderRadius.Md};\n      }\n    `}\n`;\n\nconst StyledTableHeaderCell = styled(TableHeaderCell)`\n  padding: ${Spacing[1]} ${Spacing[2]};\n  border-bottom: 1px solid ${Color.BorderDivider};\n  ${paragraphMixins.sm};\n\n  /* Border radius for corner cells */\n  &:first-child {\n    border-radius: ${BorderRadius.Md} 0 0 0;\n  }\n\n  &:last-child {\n    border-radius: 0 ${BorderRadius.Md} 0 0;\n  }\n`;\n\n// Narrow leading column that holds the drag handle when drag-and-drop is enabled.\nconst DragHandleHeaderCell = styled(StyledTableHeaderCell)`\n  width: 24px;\n  padding: ${Spacing[1]} ${Spacing[0]};\n`;\n\n// Trailing sticky column for row actions (horizontal scroll mode only).\nexport const PinnedActionsCell = styled(TableCell)`\n  position: sticky;\n  right: 0;\n  z-index: ${PINNED_ACTIONS_Z_INDEX};\n  background: transparent;\n  border-bottom: 1px solid ${Color.BorderHairline};\n  padding: 0;\n  width: ${RowActionsContainerWithFadeWidth}px;\n  height: 1px; /* dummy height lets the child use height: 100% */\n`;\n\nconst EmptyStateCell = styled(TableCell)`\n  ${paragraphMixins.sm};\n  /* Same vertical padding as TableBoxCell so empty and populated tables share a\n     stable row height. */\n  padding: ${Spacing[1]} ${Spacing[2]};\n  color: ${Color.TextSecondary};\n  border-bottom: none;\n`;\n\nconst EmptyStateButton = styled.button`\n  ${paragraphMixins.sm};\n  padding: 0;\n  color: inherit;\n  background: none;\n  border: none;\n  cursor: pointer;\n  ${focusOutline}\n`;\n\nconst TableBox = <T extends object>({\n  children,\n  emptyText,\n  selectedKey,\n  defaultSelectedKey,\n  columns,\n  onSelectionChange,\n  selectionMode = 'none',\n  newRowId,\n  onCreateNewRow: onCreateNewRowProp,\n  disabled = false,\n  reorderConfig,\n  disableHorizontalScroll: disableHorizontalScrollProp = false,\n  hideHeader = false,\n  maxHeight,\n  'aria-label': ariaLabel,\n  ...props\n}: PropsWithChildren<TableBoxProps<T>>) => {\n  const tableRef = useRef<HTMLTableElement>(null);\n  const scrollContainerRef = useRef<HTMLDivElement>(null);\n  const tableBoxId = useMemo(() => uniqueId('tablebox-'), []);\n  const rowDropdownId = `${tableBoxId}-row-dropdown`;\n\n  // Inline editing swaps inputs in/out of cells, which requires a stable\n  // non-scrolling layout; fall back to fixed layout regardless of caller intent.\n  const hasInlineEditableColumn = columns.some((c) => c.inlineEditConfig != null);\n  const disableHorizontalScroll = disableHorizontalScrollProp || hasInlineEditableColumn;\n\n  const { hasHorizontalOverflow, hasMoreScrollRight, scrollbarSize } = useScrollOverflow(\n    scrollContainerRef,\n    { enabled: !disableHorizontalScroll },\n  );\n  const { lockedColWidths, setColumnWidthsLocked } = useColumnWidthLock(tableRef, {\n    enabled: !disableHorizontalScroll,\n  });\n\n  // Selection — controlled if `selectedKey` is set, otherwise internal.\n  const [internalSelectedKey, setInternalSelectedKey] = useState<string | null>(\n    defaultSelectedKey ?? null,\n  );\n  const [shouldCreateNewRowAfterCommit, setShouldCreateNewRowAfterCommit] = useState(false);\n  const currentSelectedKey = selectedKey ?? internalSelectedKey;\n  const scheduleCreateNewRowAfterCommit = () => {\n    setShouldCreateNewRowAfterCommit(true);\n  };\n\n  const handleRowClick = useCallback(\n    (rowId: string) => {\n      if (selectionMode === 'none') {\n        return;\n      }\n      if (!onSelectionChange) {\n        setInternalSelectedKey(rowId);\n      } else {\n        onSelectionChange(rowId);\n      }\n    },\n    [onSelectionChange, selectionMode],\n  );\n\n  // Deselect rows when clicking outside the TableBox while a row dropdown is open.\n  const handleOutsideClick = useCallback(\n    (event: MouseEvent) => {\n      const rowDropdownIsOpen = document.querySelector(\n        `[id=\"${rowDropdownId}\"][data-state=\"open\"]`,\n      );\n      if (!rowDropdownIsOpen) {\n        return;\n      }\n      const target = event.target as HTMLElement;\n      const isOutsideTableBox = tableRef.current && !tableRef.current.contains(target);\n      const isOnRowDropdownContent = target.closest(`[id=\"${rowDropdownId}\"]`);\n      if (isOutsideTableBox && !isOnRowDropdownContent && currentSelectedKey != null) {\n        if (!onSelectionChange) {\n          setInternalSelectedKey(null);\n        } else {\n          onSelectionChange(null);\n        }\n      }\n    },\n    [currentSelectedKey, onSelectionChange, rowDropdownId],\n  );\n\n  useEffect(() => {\n    document.addEventListener('mousedown', handleOutsideClick);\n    return () => {\n      document.removeEventListener('mousedown', handleOutsideClick);\n    };\n  }, [handleOutsideClick]);\n\n  useEffect(() => {\n    if (!shouldCreateNewRowAfterCommit) {\n      return;\n    }\n    // The cell edit and row creation may both replace a caller-owned array.\n    // Create after the edit render so the callback reads the updated array.\n    setShouldCreateNewRowAfterCommit(false);\n    onCreateNewRowProp?.();\n  }, [onCreateNewRowProp, shouldCreateNewRowAfterCommit]);\n\n  const {\n    activeId,\n    overlayCellWidths,\n    draggedDirection,\n    sortableIds,\n    rowRegistry,\n    dndContextProps,\n  } = useTableBoxDragAndDrop({ tableRef, reorderConfig: disabled ? undefined : reorderConfig });\n\n  const isReorderable = !disabled && reorderConfig != null;\n  const hasActionsColumn = !disableHorizontalScroll;\n  // Only `maxHeight` makes the container a vertical scrollport. Without one, a\n  // sticky header would pin against the page scroller while the rest of the\n  // table scrolls past it.\n  const stickyHeader = maxHeight != null && !hideHeader;\n\n  const contextValue: TableBoxContextValue = {\n    disabled,\n    newRowId,\n    columns,\n    selectedKey: currentSelectedKey,\n    selectionMode,\n    onRowClick: handleRowClick,\n    tableBoxId,\n    rowDropdownId,\n    isReorderable,\n    rowRegistry: isReorderable ? rowRegistry : null,\n    draggedDirection,\n    hasActionsColumn,\n    hasHorizontalOverflow,\n    clipsOverflow: hasHorizontalOverflow || maxHeight != null,\n    setColumnWidthsLocked,\n    scheduleCreateNewRowAfterCommit: onCreateNewRowProp\n      ? scheduleCreateNewRowAfterCommit\n      : undefined,\n  };\n\n  const isEmpty = Array.isArray(children) ? children.length === 0 : children == null;\n  const totalColumnCount = columns.length + (isReorderable ? 1 : 0) + (hasActionsColumn ? 1 : 0);\n\n  const activeRowContent = activeId ? (rowRegistry.current.get(activeId) ?? null) : null;\n\n  const tableContent = (\n    <ScrollAffordanceWrapper>\n      <TableScrollContainer\n        ref={scrollContainerRef}\n        $fixedLayout={disableHorizontalScroll}\n        $hasHorizontalOverflow={hasHorizontalOverflow}\n        $maxHeight={maxHeight}\n      >\n        <StyledTable\n          ref={tableRef}\n          size='md'\n          aria-label={ariaLabel}\n          tabIndex={-1}\n          $isReorderable={isReorderable}\n          $hasHorizontalOverflow={hasHorizontalOverflow}\n          $fixedLayout={disableHorizontalScroll}\n          $hideHeader={hideHeader}\n          $stickyHeader={stickyHeader}\n          $lockedWidth={\n            lockedColWidths != null ? lockedColWidths.reduce((sum, w) => sum + w, 0) : undefined\n          }\n          {...props}\n        >\n          {lockedColWidths && (\n            <colgroup>\n              {lockedColWidths.map((w, i) => (\n                <col key={i} style={{ width: `${w}px` }} />\n              ))}\n            </colgroup>\n          )}\n          {!hideHeader && (\n            <TableHead>\n              <TableRow>\n                {isReorderable && <DragHandleHeaderCell aria-hidden='true' />}\n                {columns.map((column) => (\n                  <StyledTableHeaderCell key={column.key}>{column.title}</StyledTableHeaderCell>\n                ))}\n                {hasActionsColumn && (\n                  <StyledTableHeaderCell aria-hidden='true' style={{ padding: 0 }} />\n                )}\n              </TableRow>\n            </TableHead>\n          )}\n          <TableBody>\n            {isEmpty ? (\n              <TableRow disableHoverBackground>\n                <EmptyStateCell colSpan={totalColumnCount}>\n                  {onCreateNewRowProp && !disabled ? (\n                    <EmptyStateButton type='button' onClick={onCreateNewRowProp}>\n                      {emptyText || 'No data available.'}\n                    </EmptyStateButton>\n                  ) : (\n                    emptyText || 'No data available.'\n                  )}\n                </EmptyStateCell>\n              </TableRow>\n            ) : (\n              children\n            )}\n          </TableBody>\n        </StyledTable>\n      </TableScrollContainer>\n      {!disableHorizontalScroll && (\n        <>\n          {!hideHeader && (\n            <HeaderFadeOverlay\n              aria-hidden='true'\n              $visible={hasMoreScrollRight}\n              $scrollbarWidth={scrollbarSize.vertical}\n            />\n          )}\n          <BodyFadeOverlay\n            aria-hidden='true'\n            $visible={hasMoreScrollRight}\n            $hideHeader={hideHeader}\n            $scrollbarWidth={scrollbarSize.vertical}\n            $scrollbarHeight={scrollbarSize.horizontal}\n          />\n        </>\n      )}\n    </ScrollAffordanceWrapper>\n  );\n\n  return (\n    <TableBoxContext.Provider value={contextValue}>\n      {isReorderable ? (\n        <DndContext {...dndContextProps}>\n          <SortableContext items={sortableIds} strategy={verticalListSortingStrategy}>\n            {tableContent}\n          </SortableContext>\n          <DragOverlay>\n            {activeRowContent && overlayCellWidths && (\n              <TableBoxRowOverlay cellWidths={overlayCellWidths}>\n                {activeRowContent}\n              </TableBoxRowOverlay>\n            )}\n          </DragOverlay>\n        </DndContext>\n      ) : (\n        tableContent\n      )}\n    </TableBoxContext.Provider>\n  );\n};\n\nTableBox.Row = TableBoxRow;\nTableBox.Cell = TableBoxCell;\n\nexport default TableBox;\n"],"mappings":"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"}

package/dist/TableBox.d.mts

@@ -1,3 +1,3 @@
-import { t as DragDirection } from "./useTableBoxDragAndDrop-CpemHLhL.mjs";
-import { a as TableBox, i as PinnedActionsCell, o as TableBoxContext, r as InlineEditConfig, s as TableBoxProps } from "./TableBoxCell-DmVX_tgn.mjs";
+import { t as DragDirection } from "./useTableBoxDragAndDrop-Bye8gJTl.mjs";
+import { a as TableBox, i as PinnedActionsCell, o as TableBoxContext, r as InlineEditConfig, s as TableBoxProps } from "./TableBoxCell-52g97gEg.mjs";
 export { DragDirection, InlineEditConfig, PinnedActionsCell, TableBoxContext, TableBoxProps, TableBox as default };

package/dist/{TableBoxCell-DmVX_tgn.d.mts → TableBoxCell-52g97gEg.d.mts}

@@ -1,12 +1,12 @@
-import { o as ComboboxOptionsOrGroups } from "./ComboboxBase-DJGTMf1_.mjs";
-import { a as TableCellProps, i as TableCell } from "./index-C1bz13uw.mjs";
-import { r as TableBoxRowProps } from "./TableBoxRow-nwq41Bpi.mjs";
-import { n as ReorderConfig, t as DragDirection } from "./useTableBoxDragAndDrop-CpemHLhL.mjs";
-import { t as RowAction } from "./TableBoxRowActions-B4_ojiQo.mjs";
-import * as _$styled_components0 from "styled-components";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { o as ComboboxOptionsOrGroups } from "./ComboboxBase-CWzN8GML.mjs";
+import { a as TableCellProps, i as TableCell } from "./index-d_fTFuMM.mjs";
+import { r as TableBoxRowProps } from "./TableBoxRow-DnoumHIE.mjs";
+import { n as ReorderConfig, t as DragDirection } from "./useTableBoxDragAndDrop-Bye8gJTl.mjs";
+import { t as RowAction } from "./TableBoxRowActions-CDcREhP4.mjs";
 import * as _$react from "react";
 import { ComponentPropsWithoutRef, PropsWithChildren } from "react";
+import * as _$styled_components0 from "styled-components";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region components/TableBox/TableBox.d.ts
 interface InlineEditConfig {
@@ -270,4 +270,4 @@ declare const TableBoxCell: ({
 }: TableBoxCellProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { TableBox as a, PinnedActionsCell as i, TableBoxCellProps as n, TableBoxContext as o, InlineEditConfig as r, TableBoxProps as s, TableBoxCell as t };
-//# sourceMappingURL=TableBoxCell-DmVX_tgn.d.mts.map
+//# sourceMappingURL=TableBoxCell-52g97gEg.d.mts.map

package/dist/TableBoxCell.d.mts

@@ -1,2 +1,2 @@
-import { n as TableBoxCellProps, t as TableBoxCell } from "./TableBoxCell-DmVX_tgn.mjs";
+import { n as TableBoxCellProps, t as TableBoxCell } from "./TableBoxCell-52g97gEg.mjs";
 export { TableBoxCellProps, TableBoxCell as default };