@proyecto-viviana/solidaria 0.2.8 → 0.4.0

package/dist/_chunk/table.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.jsx","names":[],"sources":["../../src/table/createTable.ts","../../src/table/createTableHeaderRow.ts","../../src/table/createTableColumnHeader.ts","../../src/table/createTableRow.ts","../../src/table/createTableCell.ts","../../src/table/createTableRowGroup.ts","../../src/table/createTableSelectionCheckbox.ts","../../src/table/createTableSelectAllCheckbox.ts","../../src/table/createTableColumnResize.ts"],"sourcesContent":["/**\n * createTable - Provides accessibility for a table component.\n * Based on @react-aria/table/useTable.\n */\n\nimport { createMemo, createEffect, on, type Accessor } from \"solid-js\";\nimport type { JSX } from \"solid-js\";\nimport { createId } from \"@proyecto-viviana/solid-stately\";\nimport type { TableState, TableCollection, Key, GridNode } from \"@proyecto-viviana/solid-stately\";\nimport type { AriaTableProps, TableAria } from \"./types\";\nimport { useLocale } from \"../i18n\";\nimport { announce } from \"../live-announcer\";\nimport { scrollIntoViewport } from \"../utils\";\nimport { getInteractionModality } from \"../interactions/createInteractionModality\";\n\n// Global map to store table metadata for child components\nconst tableMap = new WeakMap<\n  object,\n  {\n    tableId: string;\n    actions: { onRowAction?: (key: Key) => void; onCellAction?: (key: Key) => void };\n    shouldSelectOnPressUp?: boolean;\n    focusMode?: \"row\" | \"cell\";\n  }\n>();\n\n/**\n * Get the table metadata for child components.\n */\nexport function getTableData<T>(state: TableState<T, TableCollection<T>>) {\n  return tableMap.get(state);\n}\n\n/**\n * Helper to get cells from a row by iterating children\n */\nfunction getChildCells<T>(collection: TableCollection<T>, rowKey: Key): GridNode<T>[] {\n  const children = collection.getChildren(rowKey);\n  return [...children].filter((node) => node.type === \"cell\" || node.type === \"rowheader\");\n}\n\n/**\n * Helper to get cell at specific index in a row\n */\nfunction getCellAtIndex<T>(\n  collection: TableCollection<T>,\n  rowKey: Key,\n  index: number,\n): GridNode<T> | null {\n  const cells = getChildCells(collection, rowKey);\n  return cells[index] ?? null;\n}\n\n/**\n * Helper to check if a node is a cell\n */\nfunction isCell<T>(node: GridNode<T> | null): boolean {\n  return node?.type === \"cell\" || node?.type === \"rowheader\";\n}\n\n/**\n * Helper to check if a node is a row\n */\nfunction isRow<T>(node: GridNode<T> | null): boolean {\n  return node?.type === \"item\";\n}\n\n/**\n * Creates accessibility props for a table component.\n */\nexport function createTable<T extends object>(\n  props: Accessor<AriaTableProps>,\n  state: Accessor<TableState<T, TableCollection<T>>>,\n  ref: Accessor<HTMLTableElement | null>,\n): TableAria {\n  const id = createId(props().id);\n  const locale = useLocale();\n\n  // Track previous sort descriptor for announcements\n  let prevSortDescriptor: { column: Key; direction: \"ascending\" | \"descending\" } | null = null;\n  let isFirstRender = true;\n  let typeaheadBuffer = \"\";\n  let typeaheadTimeout: ReturnType<typeof setTimeout> | undefined;\n\n  // Store metadata for child components\n  const storeTableData = () => {\n    const s = state();\n    const p = props();\n    tableMap.set(s, {\n      tableId: id,\n      actions: {\n        onRowAction: p.onRowAction,\n        onCellAction: p.onCellAction,\n      },\n      shouldSelectOnPressUp: p.shouldSelectOnPressUp,\n      focusMode: p.focusMode,\n    });\n  };\n\n  // Update table data whenever props/state changes\n  createMemo(() => {\n    storeTableData();\n  });\n\n  // Announce sort changes (only after initial render)\n  createEffect(\n    on(\n      () => state().sortDescriptor,\n      (sortDescriptor) => {\n        if (isFirstRender) {\n          isFirstRender = false;\n          prevSortDescriptor = sortDescriptor;\n          return;\n        }\n\n        if (\n          sortDescriptor &&\n          (sortDescriptor.column !== prevSortDescriptor?.column ||\n            sortDescriptor.direction !== prevSortDescriptor?.direction)\n        ) {\n          const collection = state().collection;\n          const column = collection.columns.find((c) => c.key === sortDescriptor.column);\n          const columnName = column?.textValue ?? String(sortDescriptor.column);\n          const directionText =\n            sortDescriptor.direction === \"ascending\" ? \"ascending\" : \"descending\";\n\n          announce(`Sorted by ${columnName}, ${directionText}`, \"assertive\", 500);\n        }\n\n        prevSortDescriptor = sortDescriptor;\n      },\n    ),\n  );\n\n  // Keyboard navigation handler with full 2D navigation\n  const onKeyDown = (e: KeyboardEvent) => {\n    const s = state();\n    const collection = s.collection;\n    const p = props();\n    const focusMode = p.focusMode ?? \"row\";\n    const isRTL = locale().direction === \"rtl\";\n    const setFocusedKey = (key: Key) => {\n      s.setFocusedKey(key);\n    };\n    const runTypeahead = (focusedKey: Key, focusedItem: GridNode<T>) => {\n      if (e.key.length !== 1 || e.ctrlKey || e.metaKey || e.altKey) {\n        return false;\n      }\n\n      // A leading Spacebar is a selection/action key, not the start of a type-ahead\n      // search. Mirror upstream useTypeSelect (`search.length === 0 && character === ' '`)\n      // and let it fall through so the focused row's own Space handler toggles selection.\n      // Once a search is active, Space continues the query as normal.\n      if (e.key === \" \" && typeaheadBuffer.length === 0) {\n        return false;\n      }\n\n      typeaheadBuffer += e.key.toLocaleLowerCase();\n      if (typeaheadTimeout) {\n        clearTimeout(typeaheadTimeout);\n      }\n      typeaheadTimeout = setTimeout(() => {\n        typeaheadBuffer = \"\";\n        typeaheadTimeout = undefined;\n      }, 500);\n\n      const rows = Array.from(collection).filter((node) => !s.isDisabled(node.key));\n      if (rows.length === 0) {\n        return true;\n      }\n\n      const currentRowKey =\n        isCell(focusedItem) && focusedItem.parentKey != null ? focusedItem.parentKey : focusedKey;\n      const currentIndex = rows.findIndex((node) => node.key === currentRowKey);\n      const orderedRows =\n        currentIndex >= 0\n          ? [...rows.slice(currentIndex + 1), ...rows.slice(0, currentIndex + 1)]\n          : rows;\n      const match = orderedRows.find((node) =>\n        collection.getTextValue(node.key).toLocaleLowerCase().startsWith(typeaheadBuffer),\n      );\n\n      if (match) {\n        e.preventDefault();\n        setFocusedKey(match.key);\n      }\n\n      return true;\n    };\n\n    if (s.isKeyboardNavigationDisabled) {\n      return;\n    }\n\n    const focusedKey = s.focusedKey;\n    if (focusedKey == null) {\n      // If nothing is focused, focus the first item\n      if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\" || e.key === \"Home\" || e.key === \"End\") {\n        const firstKey = collection.getFirstKey();\n        if (firstKey != null) {\n          e.preventDefault();\n          setFocusedKey(firstKey);\n        }\n      }\n      return;\n    }\n\n    const focusedItem = collection.getItem(focusedKey);\n    if (!focusedItem) return;\n\n    let nextKey: Key | null = null;\n\n    switch (e.key) {\n      case \"ArrowDown\": {\n        e.preventDefault();\n        // If focused on a cell, move to the same column in the next row\n        if (isCell(focusedItem) && focusedItem.parentKey != null) {\n          const nextRowKey = collection.getKeyAfter(focusedItem.parentKey);\n          if (nextRowKey != null) {\n            const cellIndex = focusedItem.index;\n            const nextCell = getCellAtIndex(collection, nextRowKey, cellIndex);\n            nextKey = nextCell?.key ?? nextRowKey;\n          }\n        } else {\n          // Move to next row\n          nextKey = collection.getKeyAfter(focusedKey);\n        }\n        break;\n      }\n\n      case \"ArrowUp\": {\n        e.preventDefault();\n        // If focused on a cell, move to the same column in the previous row\n        if (isCell(focusedItem) && focusedItem.parentKey != null) {\n          const prevRowKey = collection.getKeyBefore(focusedItem.parentKey);\n          if (prevRowKey != null) {\n            const cellIndex = focusedItem.index;\n            const prevCell = getCellAtIndex(collection, prevRowKey, cellIndex);\n            nextKey = prevCell?.key ?? prevRowKey;\n          }\n        } else {\n          // Move to previous row\n          nextKey = collection.getKeyBefore(focusedKey);\n        }\n        break;\n      }\n\n      case \"ArrowRight\": {\n        e.preventDefault();\n        const goNext = !isRTL;\n\n        if (isRow(focusedItem)) {\n          // If on a row, go to the first/last cell\n          const cells = getChildCells(collection, focusedKey);\n          if (cells.length > 0) {\n            nextKey = goNext ? cells[0].key : cells[cells.length - 1].key;\n          }\n        } else if (isCell(focusedItem) && focusedItem.parentKey != null) {\n          // If on a cell, go to the next/prev cell\n          const cells = getChildCells(collection, focusedItem.parentKey);\n          const currentIndex = focusedItem.index;\n          const targetIndex = goNext ? currentIndex + 1 : currentIndex - 1;\n\n          if (targetIndex >= 0 && targetIndex < cells.length) {\n            nextKey = cells[targetIndex].key;\n          } else if (focusMode === \"row\") {\n            // Wrap to row\n            nextKey = focusedItem.parentKey;\n          } else {\n            // Wrap to first/last cell\n            nextKey = goNext ? cells[0].key : cells[cells.length - 1].key;\n          }\n        }\n        break;\n      }\n\n      case \"ArrowLeft\": {\n        e.preventDefault();\n        const goNext = isRTL;\n\n        if (isRow(focusedItem)) {\n          // If on a row, go to the last/first cell\n          const cells = getChildCells(collection, focusedKey);\n          if (cells.length > 0) {\n            nextKey = goNext ? cells[0].key : cells[cells.length - 1].key;\n          }\n        } else if (isCell(focusedItem) && focusedItem.parentKey != null) {\n          // If on a cell, go to the prev/next cell\n          const cells = getChildCells(collection, focusedItem.parentKey);\n          const currentIndex = focusedItem.index;\n          const targetIndex = goNext ? currentIndex + 1 : currentIndex - 1;\n\n          if (targetIndex >= 0 && targetIndex < cells.length) {\n            nextKey = cells[targetIndex].key;\n          } else if (focusMode === \"row\") {\n            // Wrap to row\n            nextKey = focusedItem.parentKey;\n          } else {\n            // Wrap to first/last cell\n            nextKey = goNext ? cells[0].key : cells[cells.length - 1].key;\n          }\n        }\n        break;\n      }\n\n      case \"Home\": {\n        e.preventDefault();\n        if (e.ctrlKey) {\n          // Ctrl+Home: Go to first row/cell\n          const firstRowKey = collection.getFirstKey();\n          if (firstRowKey != null) {\n            if (isCell(focusedItem) || focusMode === \"cell\") {\n              const cells = getChildCells(collection, firstRowKey);\n              nextKey = cells[0]?.key ?? firstRowKey;\n            } else {\n              nextKey = firstRowKey;\n            }\n          }\n        } else if (isCell(focusedItem) && focusedItem.parentKey != null) {\n          // Home: Go to first cell in current row\n          const cells = getChildCells(collection, focusedItem.parentKey);\n          nextKey = cells[0]?.key ?? null;\n        } else {\n          // On row: go to first row\n          nextKey = collection.getFirstKey();\n        }\n        break;\n      }\n\n      case \"End\": {\n        e.preventDefault();\n        if (e.ctrlKey) {\n          // Ctrl+End: Go to last row/cell\n          const lastRowKey = collection.getLastKey();\n          if (lastRowKey != null) {\n            if (isCell(focusedItem) || focusMode === \"cell\") {\n              const cells = getChildCells(collection, lastRowKey);\n              nextKey = cells[cells.length - 1]?.key ?? lastRowKey;\n            } else {\n              nextKey = lastRowKey;\n            }\n          }\n        } else if (isCell(focusedItem) && focusedItem.parentKey != null) {\n          // End: Go to last cell in current row\n          const cells = getChildCells(collection, focusedItem.parentKey);\n          nextKey = cells[cells.length - 1]?.key ?? null;\n        } else {\n          // On row: go to last row\n          nextKey = collection.getLastKey();\n        }\n        break;\n      }\n\n      case \"PageDown\": {\n        e.preventDefault();\n        // Move down by roughly a page (using DOM measurements if available)\n        const el = ref();\n        if (el && el.clientHeight > 0) {\n          const visibleHeight = el.clientHeight;\n          let currentKey: Key | null = focusedKey;\n          let traveled = 0;\n\n          // If on a cell, start from the parent row\n          if (isCell(focusedItem) && focusedItem.parentKey != null) {\n            currentKey = focusedItem.parentKey;\n          }\n\n          // Move down until we've traveled approximately one page\n          while (currentKey != null && traveled < visibleHeight) {\n            const next = collection.getKeyAfter(currentKey);\n            if (next == null) break;\n\n            // Estimate row height (default to 40px if we can't measure)\n            const rowElement = el.querySelector(`[data-key=\"${currentKey}\"]`);\n            traveled += rowElement?.clientHeight ?? 40;\n            currentKey = next;\n          }\n\n          if (currentKey != null) {\n            // If we started on a cell, focus the same column in the new row\n            if (isCell(focusedItem)) {\n              const cellIndex = focusedItem.index;\n              const targetCell = getCellAtIndex(collection, currentKey, cellIndex);\n              nextKey = targetCell?.key ?? currentKey;\n            } else {\n              nextKey = currentKey;\n            }\n          }\n        } else {\n          // Fallback: move 10 rows\n          let count = 10;\n          let current: Key | null =\n            isCell(focusedItem) && focusedItem.parentKey != null\n              ? focusedItem.parentKey\n              : focusedKey;\n          while (count > 0 && current != null) {\n            const next = collection.getKeyAfter(current);\n            if (next == null) break;\n            current = next;\n            count--;\n          }\n          if (current != null && isCell(focusedItem)) {\n            const targetCell = getCellAtIndex(collection, current, focusedItem.index);\n            nextKey = targetCell?.key ?? current;\n          } else {\n            nextKey = current;\n          }\n        }\n        break;\n      }\n\n      case \"PageUp\": {\n        e.preventDefault();\n        // Move up by roughly a page\n        const el = ref();\n        if (el && el.clientHeight > 0) {\n          const visibleHeight = el.clientHeight;\n          let currentKey: Key | null = focusedKey;\n          let traveled = 0;\n\n          // If on a cell, start from the parent row\n          if (isCell(focusedItem) && focusedItem.parentKey != null) {\n            currentKey = focusedItem.parentKey;\n          }\n\n          // Move up until we've traveled approximately one page\n          while (currentKey != null && traveled < visibleHeight) {\n            const prev = collection.getKeyBefore(currentKey);\n            if (prev == null) break;\n\n            const rowElement = el.querySelector(`[data-key=\"${currentKey}\"]`);\n            traveled += rowElement?.clientHeight ?? 40;\n            currentKey = prev;\n          }\n\n          if (currentKey != null) {\n            if (isCell(focusedItem)) {\n              const cellIndex = focusedItem.index;\n              const targetCell = getCellAtIndex(collection, currentKey, cellIndex);\n              nextKey = targetCell?.key ?? currentKey;\n            } else {\n              nextKey = currentKey;\n            }\n          }\n        } else {\n          // Fallback: move 10 rows\n          let count = 10;\n          let current: Key | null =\n            isCell(focusedItem) && focusedItem.parentKey != null\n              ? focusedItem.parentKey\n              : focusedKey;\n          while (count > 0 && current != null) {\n            const prev = collection.getKeyBefore(current);\n            if (prev == null) break;\n            current = prev;\n            count--;\n          }\n          if (current != null && isCell(focusedItem)) {\n            const targetCell = getCellAtIndex(collection, current, focusedItem.index);\n            nextKey = targetCell?.key ?? current;\n          } else {\n            nextKey = current;\n          }\n        }\n        break;\n      }\n\n      case \"Escape\":\n        if (p.escapeKeyBehavior !== \"none\") {\n          s.clearSelection();\n        }\n        return;\n\n      case \"a\":\n        if (e.ctrlKey || e.metaKey) {\n          e.preventDefault();\n          if (s.selectionMode === \"multiple\") {\n            s.selectAll();\n          }\n        }\n        return;\n\n      // NOTE: Space/Enter selection is intentionally NOT handled here. Upstream\n      // useSelectableCollection has no ' '/Enter case — keyboard selection is owned\n      // by the row (useSelectableItem, ported in createTableRow). Handling it here too\n      // double-toggled the selection (row toggles on, grid toggles back off → no-op),\n      // since the row handler does not stop propagation. Space/Enter fall through to\n      // the type-ahead path below, which ignores a leading Space and bails on Enter.\n\n      default:\n        if (runTypeahead(focusedKey, focusedItem)) {\n          return;\n        }\n        return;\n    }\n\n    if (nextKey != null) {\n      setFocusedKey(nextKey);\n\n      // Handle shift+arrow for range selection\n      if (e.shiftKey && s.selectionMode === \"multiple\") {\n        // For cells, select the parent row\n        const focusedNode = collection.getItem(nextKey);\n        const keyToSelect =\n          focusedNode && isCell(focusedNode) && focusedNode.parentKey != null\n            ? focusedNode.parentKey\n            : nextKey;\n        s.extendSelection(keyToSelect);\n      }\n    }\n  };\n\n  // Focus handling\n  const onFocus = (e: FocusEvent) => {\n    const s = state();\n    const el = ref();\n\n    if (!el?.contains(e.target as Element)) {\n      return;\n    }\n\n    if (!s.isFocused) {\n      s.setFocused(true);\n\n      // If no key is focused, focus the first one\n      if (s.focusedKey == null) {\n        const firstKey = s.collection.getFirstKey();\n        if (firstKey != null) {\n          s.setFocusedKey(firstKey);\n        }\n      }\n    }\n  };\n\n  const onBlur = (e: FocusEvent) => {\n    const s = state();\n    const el = ref();\n\n    // Only blur if focus is leaving the table entirely\n    if (el && !el.contains(e.relatedTarget as Element)) {\n      s.setFocused(false);\n    }\n  };\n\n  // Mirror React Aria's useSelectableCollection: once the roving tabindex for\n  // the focused key has been committed to the DOM, move browser focus onto that\n  // element from a post-commit effect — looking it up by its stable data-key\n  // rather than by transient tabindex. Doing this imperatively during the key\n  // handler (in a microtask) raced Solid's reconciliation and dropped focus to\n  // <body>, so Space/Enter never reached the grid's selection handler.\n  createEffect(() => {\n    const s = state();\n    const key = s.focusedKey;\n    const el = ref();\n    if (!el || key == null) {\n      return;\n    }\n\n    // Only manage focus while it already lives inside the table — i.e. the user\n    // is navigating with the keyboard. We gate on the *physical* position of\n    // browser focus rather than the grid's logical `isFocused` signal: focus can\n    // land directly on a row (a pointer click, or programmatic row focus) without\n    // ever firing the grid's own non-bubbling focus handler, so `isFocused` stays\n    // false even though the table genuinely holds focus. The contains() check is\n    // also what keeps us from pulling focus back from elsewhere on the page when\n    // the focused key changes from a background interaction.\n    const active = document.activeElement;\n    if (!active || (active !== el && !el.contains(active))) {\n      return;\n    }\n\n    const target = el.querySelector<HTMLElement>(`[data-key=\"${key}\"]`);\n    if (target && target !== active) {\n      target.focus();\n\n      // Reveal the newly focused row/cell when navigating with the keyboard,\n      // mirroring useSelectableCollection. Pointer-driven focus changes should\n      // not shift the scroll position under the user's finger.\n      if (getInteractionModality() !== \"pointer\") {\n        scrollIntoViewport(target, { containingElement: el });\n      }\n    }\n  });\n\n  // Warn if no label is provided\n  createMemo(() => {\n    const p = props();\n    if (!p[\"aria-label\"] && !p[\"aria-labelledby\"]) {\n      console.warn(\"Table: An aria-label or aria-labelledby prop is required for accessibility.\");\n    }\n  });\n\n  const gridProps = createMemo(() => {\n    const p = props();\n    const s = state();\n\n    const baseProps: Record<string, unknown> = {\n      role: \"grid\",\n      id,\n      \"aria-label\": p[\"aria-label\"],\n      \"aria-labelledby\": p[\"aria-labelledby\"],\n      \"aria-describedby\": p[\"aria-describedby\"],\n      \"aria-multiselectable\": s.selectionMode === \"multiple\" ? \"true\" : undefined,\n      // Keep the grid itself tabbable so keyboard users can enter\n      // row/cell navigation without requiring a prior pointer interaction.\n      tabIndex: 0,\n      onKeyDown,\n      onFocus,\n      onBlur,\n    };\n\n    if (p.isVirtualized) {\n      baseProps[\"aria-rowcount\"] = s.collection.rowCount;\n      baseProps[\"aria-colcount\"] = s.collection.columnCount;\n    }\n\n    return baseProps as JSX.HTMLAttributes<HTMLTableElement>;\n  });\n\n  return {\n    get gridProps() {\n      return gridProps();\n    },\n  };\n}\n","/**\n * createTableHeaderRow - Provides accessibility for a table header row.\n * Based on @react-aria/table/useTableHeaderRow.\n */\n\nimport { createMemo, type Accessor } from \"solid-js\";\nimport type { JSX } from \"solid-js\";\nimport type { TableState, TableCollection } from \"@proyecto-viviana/solid-stately\";\nimport type { AriaTableHeaderRowProps, TableHeaderRowAria } from \"./types\";\n\n/**\n * Creates accessibility props for a table header row.\n */\nexport function createTableHeaderRow<T extends object>(\n  props: Accessor<AriaTableHeaderRowProps>,\n  _state: Accessor<TableState<T, TableCollection<T>>>,\n  _ref: Accessor<HTMLTableRowElement | null>,\n): TableHeaderRowAria {\n  const rowProps = createMemo(() => {\n    const p = props();\n    const node = p.node;\n\n    const baseProps: Record<string, unknown> = {\n      role: \"row\",\n    };\n\n    // Add aria-rowindex for virtualized tables\n    if (p.isVirtualized && node.rowIndex != null) {\n      baseProps[\"aria-rowindex\"] = node.rowIndex + 1; // 1-based\n    }\n\n    return baseProps as JSX.HTMLAttributes<HTMLTableRowElement>;\n  });\n\n  return {\n    get rowProps() {\n      return rowProps();\n    },\n  };\n}\n","/**\n * createTableColumnHeader - Provides accessibility for a table column header.\n * Based on @react-aria/table/useTableColumnHeader.\n */\n\nimport { createMemo, createSignal, type Accessor } from \"solid-js\";\nimport type { JSX } from \"solid-js\";\nimport type { TableState, TableCollection } from \"@proyecto-viviana/solid-stately\";\nimport type { AriaTableColumnHeaderProps, TableColumnHeaderAria } from \"./types\";\nimport { getTableData } from \"./createTable\";\n\n/**\n * Creates accessibility props for a table column header.\n */\nexport function createTableColumnHeader<T extends object>(\n  props: Accessor<AriaTableColumnHeaderProps>,\n  state: Accessor<TableState<T, TableCollection<T>>>,\n  _ref: Accessor<HTMLTableCellElement | null>,\n): TableColumnHeaderAria {\n  const [isPressed, setIsPressed] = createSignal(false);\n  let ignoreNextClick = false;\n  let ignoreNextClickTimeout: ReturnType<typeof setTimeout> | undefined;\n\n  const isFocused = createMemo(() => {\n    const s = state();\n    const p = props();\n    return s.focusedKey === p.node.key;\n  });\n\n  const sortColumn = () => {\n    const s = state();\n    const p = props();\n\n    if (p.allowsSorting) {\n      s.sort(p.node.key);\n    }\n  };\n\n  const clearPendingClickIgnore = () => {\n    if (ignoreNextClickTimeout != null) {\n      clearTimeout(ignoreNextClickTimeout);\n      ignoreNextClickTimeout = undefined;\n    }\n  };\n\n  const ignorePointerGeneratedClick = () => {\n    clearPendingClickIgnore();\n    ignoreNextClick = true;\n    ignoreNextClickTimeout = setTimeout(() => {\n      ignoreNextClick = false;\n      ignoreNextClickTimeout = undefined;\n    }, 0);\n  };\n\n  // Handle click for sorting. Pointer activation is handled on pointerup because\n  // focusing the table header can re-render its child content before a native\n  // click is dispatched.\n  const onClick = () => {\n    if (ignoreNextClick) {\n      ignoreNextClick = false;\n      clearPendingClickIgnore();\n      return;\n    }\n\n    sortColumn();\n  };\n\n  const onKeyDown = (e: KeyboardEvent) => {\n    const p = props();\n\n    if (\n      p.allowsSorting &&\n      (e.key === \"Enter\" || e.key === \" \" || e.key === \"Space\" || e.key === \"Spacebar\")\n    ) {\n      e.preventDefault();\n      sortColumn();\n    }\n  };\n\n  const onFocus = () => {\n    const s = state();\n    const p = props();\n    s.setFocusedKey(p.node.key);\n  };\n\n  const onPointerDown = (e: PointerEvent) => {\n    if (e.button !== 0) {\n      return;\n    }\n\n    setIsPressed(true);\n  };\n\n  const onPointerUp = () => {\n    if (isPressed()) {\n      ignorePointerGeneratedClick();\n      sortColumn();\n    }\n\n    setIsPressed(false);\n  };\n\n  const onPointerCancel = () => {\n    setIsPressed(false);\n  };\n\n  const columnHeaderProps = createMemo(() => {\n    const s = state();\n    const p = props();\n    const node = p.node;\n    const tableData = getTableData(s);\n\n    // Determine sort state\n    let ariaSort: \"none\" | \"ascending\" | \"descending\" | undefined = undefined;\n    if (p.allowsSorting) {\n      const sortDescriptor = s.sortDescriptor;\n      if (sortDescriptor?.column === node.key) {\n        ariaSort = sortDescriptor.direction;\n      } else {\n        ariaSort = \"none\";\n      }\n    }\n\n    const baseProps: Record<string, unknown> = {\n      role: \"columnheader\",\n      id: tableData ? `${tableData.tableId}-${node.key}` : undefined,\n      \"aria-sort\": ariaSort,\n      tabIndex: isFocused() ? 0 : -1,\n      onFocus,\n    };\n\n    // Add click handler if sortable\n    if (p.allowsSorting) {\n      baseProps.onClick = onClick;\n      baseProps.onKeyDown = onKeyDown;\n      baseProps.onPointerDown = onPointerDown;\n      baseProps.onPointerUp = onPointerUp;\n      baseProps.onPointerCancel = onPointerCancel;\n      baseProps.onPointerLeave = onPointerCancel;\n      baseProps.style = { cursor: \"pointer\" };\n    }\n\n    // Add aria-colindex for virtualized tables\n    if (p.isVirtualized && node.column != null) {\n      baseProps[\"aria-colindex\"] = node.column + 1; // 1-based\n    }\n\n    // Add colspan if present\n    if (node.colspan != null && node.colspan > 1) {\n      baseProps[\"aria-colspan\"] = node.colspan;\n      baseProps.colSpan = node.colspan;\n    }\n\n    return baseProps as JSX.HTMLAttributes<HTMLTableCellElement>;\n  });\n\n  return {\n    get columnHeaderProps() {\n      return columnHeaderProps();\n    },\n  };\n}\n","/**\n * createTableRow - Provides accessibility for a table row.\n * Based on @react-aria/table/useTableRow.\n */\n\nimport { createMemo, type Accessor } from \"solid-js\";\nimport type { JSX } from \"solid-js\";\nimport type {\n  Collection,\n  Key,\n  Selection,\n  TableState,\n  TableCollection,\n} from \"@proyecto-viviana/solid-stately\";\nimport type { AriaTableRowProps, TableRowAria, ExpandButtonProps } from \"./types\";\nimport { getTableData } from \"./createTable\";\nimport { useLocale } from \"../i18n\";\nimport { createSelectableItem, type SelectableItemState } from \"../selection/createSelectableItem\";\nimport { mergeProps } from \"../utils/mergeProps\";\n\n/**\n * Arrow keys that expand/collapse a tree-grid row, mirroring `@react-aria/table`.\n * Direction is flipped under RTL.\n */\nconst EXPANSION_KEYS = {\n  expand: { ltr: \"ArrowRight\", rtl: \"ArrowLeft\" },\n  collapse: { ltr: \"ArrowLeft\", rtl: \"ArrowRight\" },\n} as const;\n\n/**\n * Creates accessibility props for a table row.\n */\nexport function createTableRow<T extends object>(\n  props: Accessor<AriaTableRowProps>,\n  state: Accessor<TableState<T, TableCollection<T>>>,\n  ref: Accessor<HTMLTableRowElement | null>,\n): TableRowAria {\n  const locale = useLocale();\n\n  // Tree-grid (expandable rows): only active when the collection has a tree column.\n  const isTreeRow = createMemo(() => state().treeColumn != null);\n\n  const hasChildRows = createMemo(() => props().node.isExpandable ?? false);\n\n  const isExpanded = createMemo(() => {\n    const s = state();\n    if (s.treeColumn == null) return false;\n    return s.expandedKeys === \"all\" || s.expandedKeys.has(props().node.key);\n  });\n\n  // aria-posinset / aria-setsize among same-level sibling rows.\n  const siblingInfo = createMemo(() => {\n    const s = state();\n    const node = props().node;\n    if (node.parentKey != null) {\n      const parent = s.collection.getItem(node.parentKey);\n      if (parent) {\n        const siblings = parent.childNodes.filter((n) => n.type === \"item\");\n        return { posinset: node.index + 1, setsize: siblings.length };\n      }\n    }\n    const rootRows = s.collection.body.childNodes.filter((n) => n.type === \"item\");\n    const rootIndex = rootRows.findIndex((n) => n.key === node.key);\n    return {\n      posinset: rootIndex >= 0 ? rootIndex + 1 : node.index + 1,\n      setsize: rootRows.length,\n    };\n  });\n\n  const isSelected = createMemo(() => {\n    const s = state();\n    const p = props();\n    return s.isSelected(p.node.key);\n  });\n\n  const selectableState: SelectableItemState<T> = {\n    collection: () => state().collection as unknown as Collection<T>,\n    isFocused: () => state().isFocused,\n    setFocused: (focused: boolean) => state().setFocused(focused),\n    focusedKey: () => state().focusedKey,\n    childFocusStrategy: () => state().childFocusStrategy,\n    setFocusedKey: (key: Key | null, strategy) => state().setFocusedKey(key, strategy),\n    selectionMode: () => state().selectionMode,\n    selectionBehavior: () => state().selectionBehavior,\n    disallowEmptySelection: () => state().disallowEmptySelection,\n    selectedKeys: () => state().selectedKeys as Selection,\n    disabledKeys: () => state().disabledKeys,\n    disabledBehavior: () => state().disabledBehavior,\n    isEmpty: () => {\n      const keys = state().selectedKeys;\n      return keys !== \"all\" && keys.size === 0;\n    },\n    isSelectAll: () => state().selectedKeys === \"all\",\n    isSelected: (key: Key) => state().isSelected(key),\n    isDisabled: (key: Key) => {\n      const s = state();\n      const item = s.collection.getItem(key);\n      return (\n        s.disabledBehavior === \"all\" &&\n        s.isDisabled(key) &&\n        item?.props?.disabledBehavior !== \"selection\"\n      );\n    },\n    canSelectItem: (key: Key) => {\n      const s = state();\n      return s.selectionMode !== \"none\" && !s.isDisabled(key);\n    },\n    setSelectionBehavior: (behavior) => state().setSelectionBehavior(behavior),\n    toggleSelection: (key: Key) => state().toggleSelection(key),\n    replaceSelection: (key: Key) => state().replaceSelection(key),\n    setSelectedKeys: (keys: Iterable<Key>) => state().setSelectedKeys(keys),\n    selectAll: () => state().selectAll(),\n    clearSelection: () => state().clearSelection(),\n    toggleSelectAll: () => state().toggleSelectAll(),\n    extendSelection: (toKey: Key, _collection: Collection<T>) => state().extendSelection(toKey),\n  };\n\n  const selectableItem = createSelectableItem<T>(\n    () => {\n      const s = state();\n      const p = props();\n      const tableData = getTableData(s);\n      const onRowAction = tableData?.actions.onRowAction;\n      const hasAction = !!p.onAction || !!onRowAction || !!p.href;\n\n      return {\n        key: p.node.key,\n        id: `${tableData?.tableId ?? \"table\"}-row-${String(p.node.key)}`,\n        isVirtualized: p.isVirtualized,\n        shouldSelectOnPressUp: tableData?.shouldSelectOnPressUp ?? false,\n        isDisabled: !!p.isDisabled || s.collection.size === 0,\n        onAction: hasAction\n          ? (event) => {\n              p.onAction?.();\n              onRowAction?.(p.node.key);\n              if (p.href) {\n                p.onLinkAction?.(event);\n              }\n            }\n          : undefined,\n      };\n    },\n    selectableState,\n    ref,\n  );\n\n  const isDisabled = () => selectableItem.isDisabled();\n\n  const onTreeGridKeyDown = (e: KeyboardEvent) => {\n    const s = state();\n    const p = props();\n\n    if (isDisabled()) return;\n\n    // Tree-grid expand/collapse with Left/Right arrows (flipped under RTL). Handled before\n    // selection/navigation; stopping propagation prevents the grid's arrow navigation when\n    // expansion consumes the key.\n    if (s.treeColumn != null) {\n      const direction = locale().direction === \"rtl\" ? \"rtl\" : \"ltr\";\n      const key = p.node.key;\n      const expanded = s.expandedKeys;\n      if (\n        e.key === EXPANSION_KEYS.expand[direction] &&\n        s.focusedKey === key &&\n        hasChildRows() &&\n        expanded !== \"all\" &&\n        !expanded.has(key)\n      ) {\n        s.toggleKey(key);\n        e.stopPropagation();\n        return;\n      } else if (e.key === EXPANSION_KEYS.collapse[direction] && s.focusedKey === key) {\n        if (expanded !== \"all\") {\n          if (hasChildRows() && expanded.has(key)) {\n            s.toggleKey(key);\n            e.stopPropagation();\n            return;\n          } else if (!expanded.has(key) && p.node.parentKey != null && p.node.level > 0) {\n            // Leaf or already-collapsed row: move focus to the parent row.\n            s.setFocusedKey(p.node.parentKey);\n            e.stopPropagation();\n            return;\n          }\n        } else {\n          s.toggleKey(key);\n          e.stopPropagation();\n          return;\n        }\n      }\n    }\n  };\n\n  const rowProps = createMemo(() => {\n    const s = state();\n    const p = props();\n    const node = p.node;\n\n    const baseProps: Record<string, unknown> = {\n      role: \"row\",\n      \"aria-selected\": s.selectionMode !== \"none\" ? isSelected() : undefined,\n      \"aria-disabled\": isDisabled() || undefined,\n    };\n\n    // Tree-grid rows expose their nesting depth, position and expansion state.\n    if (s.treeColumn != null) {\n      const { posinset, setsize } = siblingInfo();\n      baseProps[\"aria-expanded\"] = hasChildRows() ? isExpanded() : undefined;\n      baseProps[\"aria-level\"] = node.level + 1; // 1-based\n      baseProps[\"aria-posinset\"] = posinset;\n      baseProps[\"aria-setsize\"] = setsize;\n      baseProps.onKeyDown = onTreeGridKeyDown;\n    }\n\n    // Add aria-rowindex for virtualized tables. Tree grids omit it (matches upstream).\n    if (p.isVirtualized && s.treeColumn == null && node.rowIndex != null) {\n      baseProps[\"aria-rowindex\"] = node.rowIndex + 1; // 1-based\n    }\n\n    return mergeProps<JSX.HTMLAttributes<HTMLTableRowElement>>(\n      selectableItem.itemProps as unknown as JSX.HTMLAttributes<HTMLTableRowElement>,\n      baseProps,\n    );\n  });\n\n  // Chevron button for expanding/collapsing a tree-grid row. Press-based so it flows through\n  // our Button's `createPress`, and excluded from the tab order — reached via the row's\n  // Left/Right arrow keys instead. Mirrors `@react-aria/table`'s `expandButtonProps`; whether a\n  // chevron renders for a leaf row is the consumer's call (gate on `hasChildItems`), matching S2.\n  const onExpandPress = () => {\n    const s = state();\n    const p = props();\n    if (isDisabled()) return;\n    s.toggleKey(p.node.key);\n    s.setFocused(true);\n    s.setFocusedKey(p.node.key);\n  };\n\n  const expandButtonProps = createMemo<ExpandButtonProps>(() => ({\n    isDisabled: isDisabled(),\n    onPress: onExpandPress,\n    excludeFromTabOrder: true,\n    preventFocusOnPress: true,\n    \"data-react-aria-prevent-focus\": true,\n    \"aria-label\": isExpanded() ? \"Collapse\" : \"Expand\",\n  }));\n\n  return {\n    get rowProps() {\n      return rowProps();\n    },\n    get expandButtonProps() {\n      return expandButtonProps();\n    },\n    get isSelected() {\n      return isSelected();\n    },\n    get isDisabled() {\n      return isDisabled();\n    },\n    get isPressed() {\n      return selectableItem.isPressed();\n    },\n    get isExpanded() {\n      return isExpanded();\n    },\n    get hasChildRows() {\n      return hasChildRows();\n    },\n  };\n}\n","/**\n * createTableCell - Provides accessibility for a table cell.\n * Based on @react-aria/table/useTableCell.\n */\n\nimport { createMemo, createSignal, type Accessor } from \"solid-js\";\nimport type { JSX } from \"solid-js\";\nimport type { TableState, TableCollection } from \"@proyecto-viviana/solid-stately\";\nimport type { AriaTableCellProps, TableCellAria } from \"./types\";\nimport { getTableData } from \"./createTable\";\n\n/**\n * Creates accessibility props for a table cell.\n */\nexport function createTableCell<T extends object>(\n  props: Accessor<AriaTableCellProps>,\n  state: Accessor<TableState<T, TableCollection<T>>>,\n  _ref: Accessor<HTMLTableCellElement | null>,\n): TableCellAria {\n  const [isPressed, setIsPressed] = createSignal(false);\n\n  const isDisabled = createMemo(() => {\n    const s = state();\n    const p = props();\n    // Check if parent row is disabled\n    const node = p.node;\n    if (node.parentKey != null) {\n      return s.isDisabled(node.parentKey);\n    }\n    return false;\n  });\n\n  const isFocused = createMemo(() => {\n    const s = state();\n    const p = props();\n    return s.focusedKey === p.node.key;\n  });\n\n  // Handle click for cell actions\n  const onClick = () => {\n    const s = state();\n    const p = props();\n\n    if (isDisabled()) return;\n\n    // Get table metadata for actions\n    const tableData = getTableData(s);\n    const onCellAction = tableData?.actions.onCellAction;\n\n    // Call cell action handler\n    if (onCellAction) {\n      onCellAction(p.node.key);\n    }\n\n    if (p.onAction) {\n      p.onAction();\n    }\n  };\n\n  const onKeyDown = (e: KeyboardEvent) => {\n    const s = state();\n    const p = props();\n\n    if (isDisabled()) return;\n\n    // Enter triggers cell action\n    if (e.key === \"Enter\") {\n      const tableData = getTableData(s);\n      const onCellAction = tableData?.actions.onCellAction;\n\n      if (onCellAction || p.onAction) {\n        e.preventDefault();\n\n        if (onCellAction) {\n          onCellAction(p.node.key);\n        }\n\n        if (p.onAction) {\n          p.onAction();\n        }\n      }\n    }\n  };\n\n  const onFocus = () => {\n    const s = state();\n    const p = props();\n    s.setFocusedKey(p.node.key);\n  };\n\n  const onPointerDown = () => {\n    setIsPressed(true);\n  };\n\n  const onPointerUp = () => {\n    setIsPressed(false);\n  };\n\n  const gridCellProps = createMemo(() => {\n    const s = state();\n    const p = props();\n    const node = p.node;\n    const tableData = getTableData(s);\n\n    // Determine the role based on node type\n    let role: string = \"gridcell\";\n    if (node.type === \"rowheader\") {\n      role = \"rowheader\";\n    }\n\n    const baseProps: Record<string, unknown> = {\n      role,\n      id:\n        tableData && node.parentKey != null\n          ? `${tableData.tableId}-${node.parentKey}-${node.key}`\n          : undefined,\n      \"aria-disabled\": isDisabled() || undefined,\n      tabIndex: isFocused() ? 0 : -1,\n      onClick,\n      onKeyDown,\n      onFocus,\n      onPointerDown,\n      onPointerUp,\n    };\n\n    // Add aria-colindex for virtualized tables\n    if (p.isVirtualized && node.column != null) {\n      baseProps[\"aria-colindex\"] = node.column + 1; // 1-based\n    }\n\n    // Add colspan if present\n    if (node.colspan != null && node.colspan > 1) {\n      baseProps[\"aria-colspan\"] = node.colspan;\n      baseProps.colSpan = node.colspan;\n    }\n\n    return baseProps as JSX.HTMLAttributes<HTMLTableCellElement>;\n  });\n\n  return {\n    get gridCellProps() {\n      return gridCellProps();\n    },\n    get isPressed() {\n      return isPressed();\n    },\n  };\n}\n","/**\n * createTableRowGroup - Provides accessibility for a table row group.\n * Based on @react-aria/grid/useTableRowGroup.\n */\n\nimport { createMemo, type Accessor } from \"solid-js\";\nimport type { JSX } from \"solid-js\";\nimport type { AriaTableRowGroupProps, TableRowGroupAria } from \"./types\";\n\n/**\n * Creates accessibility props for a table row group (thead, tbody, tfoot).\n */\nexport function createTableRowGroup(props: Accessor<AriaTableRowGroupProps>): TableRowGroupAria {\n  const rowGroupProps = createMemo(() => {\n    // Access props for reactivity tracking, even though not currently used\n    void props();\n\n    const baseProps: Record<string, unknown> = {\n      role: \"rowgroup\",\n    };\n\n    return baseProps as JSX.HTMLAttributes<HTMLTableSectionElement>;\n  });\n\n  return {\n    get rowGroupProps() {\n      return rowGroupProps();\n    },\n  };\n}\n","/**\n * createTableSelectionCheckbox - Provides accessibility for a table row selection checkbox.\n * Based on @react-aria/table/useTableSelectionCheckbox.\n */\n\nimport { createMemo, type Accessor } from \"solid-js\";\nimport type { JSX } from \"solid-js\";\nimport { createId } from \"@proyecto-viviana/solid-stately\";\nimport type { TableState, TableCollection } from \"@proyecto-viviana/solid-stately\";\nimport type { AriaTableSelectionCheckboxProps, TableSelectionCheckboxAria } from \"./types\";\n\n/**\n * Creates accessibility props for a table row selection checkbox.\n */\nexport function createTableSelectionCheckbox<T extends object>(\n  props: Accessor<AriaTableSelectionCheckboxProps>,\n  state: Accessor<TableState<T, TableCollection<T>>>,\n): TableSelectionCheckboxAria {\n  const checkboxId = createId();\n\n  const isSelected = createMemo(() => {\n    const s = state();\n    const p = props();\n    return s.isSelected(p.key);\n  });\n\n  const isDisabled = createMemo(() => {\n    const s = state();\n    const p = props();\n    return s.isDisabled(p.key);\n  });\n\n  const onChange = () => {\n    const s = state();\n    const p = props();\n    if (!isDisabled()) {\n      s.toggleSelection(p.key);\n    }\n  };\n\n  const checkboxProps = createMemo(() => {\n    const baseProps: Record<string, unknown> = {\n      id: checkboxId,\n      type: \"checkbox\",\n      checked: isSelected(),\n      disabled: isDisabled(),\n      onChange,\n      \"aria-label\": \"Select\",\n    };\n\n    return baseProps as JSX.InputHTMLAttributes<HTMLInputElement>;\n  });\n\n  return {\n    get checkboxProps() {\n      return checkboxProps();\n    },\n  };\n}\n","/**\n * createTableSelectAllCheckbox - Provides accessibility for a table select-all checkbox.\n * Based on @react-aria/table/useTableSelectAllCheckbox.\n */\n\nimport { createMemo, type Accessor } from \"solid-js\";\nimport type { JSX } from \"solid-js\";\nimport type { TableState, TableCollection } from \"@proyecto-viviana/solid-stately\";\nimport type { TableSelectAllCheckboxAria } from \"./types\";\n\n/**\n * Creates accessibility props for a table select-all checkbox.\n */\nexport function createTableSelectAllCheckbox<T extends object>(\n  state: Accessor<TableState<T, TableCollection<T>>>,\n): TableSelectAllCheckboxAria {\n  const isSelectAll = createMemo(() => {\n    const s = state();\n    return s.selectedKeys === \"all\";\n  });\n\n  const isEmpty = createMemo(() => {\n    const s = state();\n    return s.collection.size === 0;\n  });\n\n  const isIndeterminate = createMemo(() => {\n    const s = state();\n    const selectedKeys = s.selectedKeys;\n    if (selectedKeys === \"all\") return false;\n    if (selectedKeys.size === 0) return false;\n    return selectedKeys.size < s.collection.size;\n  });\n\n  const isDisabled = createMemo(() => {\n    const s = state();\n    return s.selectionMode !== \"multiple\" || isEmpty();\n  });\n\n  const onChange = () => {\n    const s = state();\n    if (!isDisabled()) {\n      s.toggleSelectAll();\n    }\n  };\n\n  const checkboxProps = createMemo(() => {\n    const s = state();\n\n    const baseProps: Record<string, unknown> = {\n      type: \"checkbox\",\n      checked: isSelectAll(),\n      disabled: isDisabled(),\n      onChange,\n      \"aria-label\": s.selectionMode === \"single\" ? \"Select\" : \"Select All\",\n    };\n\n    if (isIndeterminate()) {\n      baseProps[\"data-indeterminate\"] = \"true\";\n    }\n\n    return baseProps as JSX.InputHTMLAttributes<HTMLInputElement>;\n  });\n\n  return {\n    get checkboxProps() {\n      return checkboxProps();\n    },\n    get isIndeterminate() {\n      return isIndeterminate();\n    },\n  };\n}\n","/**\n * ARIA hook for table column resize interactions.\n * Based on @react-aria/table/useTableColumnResize.\n *\n * Provides pointer-drag and keyboard-based column resizing with\n * correct ARIA attributes for screen readers.\n */\n\nimport { createSignal, createMemo, type Accessor, type JSX } from \"solid-js\";\nimport type { Key, TableColumnResizeState } from \"@proyecto-viviana/solid-stately\";\nimport { useLocale } from \"../i18n\";\n\nexport interface CreateTableColumnResizeProps {\n  /** The column being resized. */\n  column: { key: Key };\n  /** Accessible label for the resizer. */\n  \"aria-label\": string;\n  /** Whether resizing is disabled. */\n  isDisabled?: boolean;\n  /** Called when a resize operation starts. */\n  onResizeStart?: (widths: Map<Key, number>) => void;\n  /** Called during resize with updated widths. */\n  onResize?: (widths: Map<Key, number>) => void;\n  /** Called when resize operation ends. */\n  onResizeEnd?: (widths: Map<Key, number>) => void;\n}\n\nexport interface TableColumnResizeResult {\n  /** Props for the visible resizer handle element (div). */\n  resizerProps: JSX.HTMLAttributes<HTMLDivElement>;\n  /** Props for the hidden range input (screen reader accessible). */\n  inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;\n  /** Whether this column is currently being resized. */\n  isResizing: Accessor<boolean>;\n}\n\nconst KEYBOARD_STEP = 10; // px per arrow key press\n\n/**\n * Creates ARIA-compliant column resize behavior.\n *\n * Returns props for a visible drag handle (div) and a visually-hidden\n * range input that allows keyboard and screen-reader users to resize columns.\n */\nexport function createTableColumnResize(\n  props: Accessor<CreateTableColumnResizeProps>,\n  state: Accessor<TableColumnResizeState>,\n): TableColumnResizeResult {\n  const getProps = () => props();\n  const getState = () => state();\n  const locale = useLocale();\n\n  const [isPointerDragging, setIsPointerDragging] = createSignal(false);\n  const [isKeyboardResizing, setIsKeyboardResizing] = createSignal(false);\n\n  const isResizing = createMemo(() => getState().resizingColumn() === getProps().column.key);\n\n  const isRtl = createMemo(() => {\n    const l = locale();\n    return l?.direction === \"rtl\";\n  });\n\n  // ---- Pointer (mouse/touch) drag ----\n\n  let startX = 0;\n  let startWidth = 0;\n\n  const onPointerDown = (e: PointerEvent) => {\n    if (getProps().isDisabled) return;\n    e.preventDefault();\n    e.stopPropagation();\n\n    const key = getProps().column.key;\n    startX = e.clientX;\n    startWidth = getState().getColumnWidth(key);\n\n    getState().startResize(key);\n    getProps().onResizeStart?.(getState().columnWidths());\n    setIsPointerDragging(true);\n\n    const target = e.currentTarget as HTMLElement;\n    target.setPointerCapture(e.pointerId);\n  };\n\n  const onPointerMove = (e: PointerEvent) => {\n    if (!isPointerDragging()) return;\n    e.preventDefault();\n\n    const deltaX = e.clientX - startX;\n    const direction = isRtl() ? -1 : 1;\n    const newWidth = startWidth + deltaX * direction;\n\n    const key = getProps().column.key;\n    const widths = getState().updateResizedColumns(key, newWidth);\n    getProps().onResize?.(widths);\n  };\n\n  const onPointerUp = (e: PointerEvent) => {\n    if (!isPointerDragging()) return;\n    e.preventDefault();\n    setIsPointerDragging(false);\n    getState().endResize();\n    getProps().onResizeEnd?.(getState().columnWidths());\n  };\n\n  // ---- Keyboard resize (on the hidden input) ----\n\n  const onKeyDown = (e: KeyboardEvent) => {\n    if (getProps().isDisabled) return;\n\n    const key = getProps().column.key;\n    const rtlMul = isRtl() ? -1 : 1;\n\n    switch (e.key) {\n      case \"Enter\": {\n        if (isKeyboardResizing()) {\n          // End resize\n          setIsKeyboardResizing(false);\n          getState().endResize();\n          getProps().onResizeEnd?.(getState().columnWidths());\n        } else {\n          // Start resize\n          setIsKeyboardResizing(true);\n          getState().startResize(key);\n          getProps().onResizeStart?.(getState().columnWidths());\n        }\n        e.preventDefault();\n        break;\n      }\n      case \"Escape\": {\n        if (isKeyboardResizing()) {\n          setIsKeyboardResizing(false);\n          getState().endResize();\n          getProps().onResizeEnd?.(getState().columnWidths());\n          e.preventDefault();\n        }\n        break;\n      }\n      case \"Tab\": {\n        if (isKeyboardResizing()) {\n          setIsKeyboardResizing(false);\n          getState().endResize();\n          getProps().onResizeEnd?.(getState().columnWidths());\n        }\n        // Let Tab propagate for focus management\n        break;\n      }\n      case \"ArrowRight\": {\n        if (isKeyboardResizing()) {\n          const currentWidth = getState().getColumnWidth(key);\n          const widths = getState().updateResizedColumns(\n            key,\n            currentWidth + KEYBOARD_STEP * rtlMul,\n          );\n          getProps().onResize?.(widths);\n          e.preventDefault();\n        }\n        break;\n      }\n      case \"ArrowLeft\": {\n        if (isKeyboardResizing()) {\n          const currentWidth = getState().getColumnWidth(key);\n          const widths = getState().updateResizedColumns(\n            key,\n            currentWidth - KEYBOARD_STEP * rtlMul,\n          );\n          getProps().onResize?.(widths);\n          e.preventDefault();\n        }\n        break;\n      }\n    }\n  };\n\n  // Handle input change (from screen reader range slider)\n  const onInputChange = (e: Event) => {\n    const input = e.target as HTMLInputElement;\n    const newWidth = parseFloat(input.value);\n    if (isNaN(newWidth)) return;\n\n    const key = getProps().column.key;\n    if (!isResizing()) {\n      getState().startResize(key);\n      getProps().onResizeStart?.(getState().columnWidths());\n    }\n\n    const widths = getState().updateResizedColumns(key, newWidth);\n    getProps().onResize?.(widths);\n\n    // End immediately for discrete input changes\n    getState().endResize();\n    getProps().onResizeEnd?.(getState().columnWidths());\n  };\n\n  // Visible resize handle props. The accessible resize control is the hidden\n  // range input below, matching React Aria's ColumnResizer structure.\n  const resizerProps: JSX.HTMLAttributes<HTMLDivElement> = {\n    role: \"presentation\",\n    tabIndex: -1,\n    style: {\n      \"touch-action\": \"none\",\n      cursor: \"col-resize\",\n    },\n    onPointerDown,\n    onPointerMove,\n    onPointerUp,\n  };\n\n  // Visually hidden range input props\n  const inputProps: JSX.InputHTMLAttributes<HTMLInputElement> = {\n    get type() {\n      return \"range\";\n    },\n    get tabIndex() {\n      return getProps().isDisabled ? -1 : 0;\n    },\n    get disabled() {\n      return getProps().isDisabled;\n    },\n    get \"aria-label\"() {\n      return getProps()[\"aria-label\"];\n    },\n    get \"aria-orientation\"() {\n      return \"horizontal\" as const;\n    },\n    get min() {\n      return getState().getColumnMinWidth(getProps().column.key);\n    },\n    get max() {\n      const maxW = getState().getColumnMaxWidth(getProps().column.key);\n      return maxW === Infinity ? 9999 : maxW;\n    },\n    get value() {\n      return getState().getColumnWidth(getProps().column.key);\n    },\n    style: {\n      position: \"absolute\",\n      width: \"1px\",\n      height: \"1px\",\n      padding: \"0\",\n      margin: \"-1px\",\n      overflow: \"hidden\",\n      clip: \"rect(0, 0, 0, 0)\",\n      \"white-space\": \"nowrap\",\n      \"border-width\": \"0\",\n    },\n    onKeyDown,\n    onChange: onInputChange,\n  };\n\n  return {\n    resizerProps,\n    inputProps,\n    isResizing,\n  };\n}\n"],"mappings":"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"}

package/dist/_chunk/tabs.js

@@ -0,0 +1,260 @@
+import { t as createPress } from "./createPress.js";
+import { t as createFocusRing } from "./createFocusRing.js";
+import { t as createHover } from "./createHover.js";
+import { a as useLocale } from "./createCollator.js";
+import { createId } from "../ssr/index.js";
+import { createEffect, createMemo } from "solid-js";
+//#region src/tabs/createTabs.ts
+/**
+* ARIA hooks for tab components.
+* Based on @react-aria/tabs.
+*/
+const tabListIds = /* @__PURE__ */ new WeakMap();
+function getTabListId(state) {
+	let id = tabListIds.get(state);
+	if (!id) {
+		id = createId();
+		tabListIds.set(state, id);
+	}
+	return id;
+}
+function generateTabId(state, key) {
+	return `${getTabListId(state)}-tab-${String(key).replace(/\s+/g, "-")}`;
+}
+function generateTabPanelId(state, key) {
+	return `${getTabListId(state)}-tabpanel-${String(key).replace(/\s+/g, "-")}`;
+}
+function getNextKey(state, currentKey) {
+	const keys = [...state.collection()].map((node) => node.key);
+	const currentIndex = keys.indexOf(currentKey);
+	if (currentIndex === -1) return keys[0] ?? null;
+	for (let i = 1; i <= keys.length; i++) {
+		const nextKey = keys[(currentIndex + i) % keys.length];
+		if (!state.isKeyDisabled(nextKey)) return nextKey;
+	}
+	return null;
+}
+function getPreviousKey(state, currentKey) {
+	const keys = [...state.collection()].map((node) => node.key);
+	const currentIndex = keys.indexOf(currentKey);
+	if (currentIndex === -1) return keys[keys.length - 1] ?? null;
+	for (let i = 1; i <= keys.length; i++) {
+		const prevKey = keys[(currentIndex - i + keys.length) % keys.length];
+		if (!state.isKeyDisabled(prevKey)) return prevKey;
+	}
+	return null;
+}
+function getFirstKey(state) {
+	const coll = state.collection();
+	for (const node of coll) if (!state.isKeyDisabled(node.key)) return node.key;
+	return null;
+}
+function getLastKey(state) {
+	const keys = [...state.collection()].map((node) => node.key).reverse();
+	for (const key of keys) if (!state.isKeyDisabled(key)) return key;
+	return null;
+}
+/**
+* Creates ARIA props for a tab list container.
+*/
+function createTabList(props, state) {
+	const locale = useLocale();
+	const orientation = () => props.orientation ?? state.orientation() ?? "horizontal";
+	const keyboardActivation = () => props.keyboardActivation ?? state.keyboardActivation() ?? "automatic";
+	const handleKeyDown = (e) => {
+		if (state.isDisabled()) return;
+		const currentKey = state.focusedKey() ?? state.selectedKey();
+		if (currentKey === null) return;
+		let nextKey = null;
+		const isHorizontal = orientation() === "horizontal";
+		const isRTL = locale().direction === "rtl";
+		switch (e.key) {
+			case "ArrowLeft":
+				if (isHorizontal) nextKey = isRTL ? getNextKey(state, currentKey) : getPreviousKey(state, currentKey);
+				break;
+			case "ArrowRight":
+				if (isHorizontal) nextKey = isRTL ? getPreviousKey(state, currentKey) : getNextKey(state, currentKey);
+				break;
+			case "ArrowUp":
+				if (!isHorizontal) nextKey = getPreviousKey(state, currentKey);
+				break;
+			case "ArrowDown":
+				if (!isHorizontal) nextKey = getNextKey(state, currentKey);
+				break;
+			case "Home":
+				nextKey = getFirstKey(state);
+				break;
+			case "End":
+				nextKey = getLastKey(state);
+				break;
+			case "Enter":
+			case " ":
+				if (keyboardActivation() === "manual" && state.focusedKey()) {
+					state.setSelectedKey(state.focusedKey());
+					e.preventDefault();
+				}
+				return;
+			default: return;
+		}
+		if (nextKey !== null) {
+			e.preventDefault();
+			state.setFocusedKey(nextKey);
+			if (keyboardActivation() === "automatic") state.setSelectedKey(nextKey);
+		}
+	};
+	const handleFocus = () => {
+		state.setFocused(true);
+		if (state.focusedKey() === null && state.selectedKey() !== null) state.setFocusedKey(state.selectedKey());
+	};
+	const handleBlur = (e) => {
+		const relatedTarget = e.relatedTarget;
+		if (relatedTarget && e.currentTarget.contains(relatedTarget)) return;
+		state.setFocused(false);
+	};
+	return { tabListProps: {
+		role: "tablist",
+		"aria-orientation": orientation(),
+		"aria-label": props["aria-label"],
+		"aria-labelledby": props["aria-labelledby"],
+		"aria-describedby": props["aria-describedby"],
+		onKeyDown: handleKeyDown,
+		onFocusIn: handleFocus,
+		onFocusOut: handleBlur
+	} };
+}
+/**
+* Creates ARIA props for an individual tab.
+*/
+function createTab(props, state, ref) {
+	const key = () => props.key;
+	const isSelected = createMemo(() => state.selectedKey() === key());
+	const isDisabled = createMemo(() => {
+		if (props.isDisabled) return true;
+		return state.isKeyDisabled(key());
+	});
+	const isKeyFocused = createMemo(() => state.focusedKey() === key());
+	const { isFocused, isFocusVisible, focusProps } = createFocusRing();
+	const selectTab = () => {
+		const tabKey = key();
+		state.setFocusedKey(tabKey);
+		state.setSelectedKey(tabKey);
+	};
+	const { isPressed, pressProps } = createPress({
+		get isDisabled() {
+			return isDisabled();
+		},
+		onPressStart: (e) => {
+			if (e.pointerType === "mouse" || e.pointerType === "keyboard") selectTab();
+		},
+		onPress: (e) => {
+			if (e.pointerType === "touch" || e.pointerType === "pen" || e.pointerType === "virtual") selectTab();
+		}
+	});
+	const { isHovered } = createHover({ get isDisabled() {
+		return isDisabled();
+	} });
+	const tabId = generateTabId(state, key());
+	const tabPanelId = generateTabPanelId(state, key());
+	const callHandler = (handler, event) => {
+		if (typeof handler === "function") {
+			handler(event);
+			return;
+		}
+		if (Array.isArray(handler) && handler.length >= 2 && typeof handler[1] === "function") handler[1].call(handler[0], event);
+	};
+	const handleFocus = (e) => {
+		state.setFocusedKey(key());
+		callHandler(focusProps.onFocus, e);
+	};
+	const handleBlur = (e) => {
+		callHandler(focusProps.onBlur, e);
+	};
+	const handleKeyDown = (e) => {
+		callHandler(pressProps.onKeyDown, e);
+	};
+	const handleMouseDown = (e) => {
+		callHandler(pressProps.onMouseDown, e);
+	};
+	const handlePointerDown = (e) => {
+		callHandler(pressProps.onPointerDown, e);
+	};
+	const handleClick = (e) => {
+		callHandler(pressProps.onClick, e);
+	};
+	createEffect(() => {
+		const element = ref?.();
+		if (!state.isFocused() || !isKeyFocused() || !element) return;
+		if (element.ownerDocument?.activeElement !== element) element.focus();
+	});
+	return {
+		tabProps: {
+			id: tabId,
+			role: "tab",
+			get "aria-selected"() {
+				return isSelected();
+			},
+			get "aria-disabled"() {
+				return isDisabled() || void 0;
+			},
+			get "aria-controls"() {
+				return isSelected() ? tabPanelId : void 0;
+			},
+			"aria-label": props["aria-label"],
+			"aria-labelledby": props["aria-labelledby"],
+			get tabIndex() {
+				if (isDisabled()) return void 0;
+				return isKeyFocused() ? 0 : -1;
+			},
+			onKeyDown: handleKeyDown,
+			onMouseDown: handleMouseDown,
+			onPointerDown: handlePointerDown,
+			onClick: handleClick,
+			onFocus: handleFocus,
+			onBlur: handleBlur
+		},
+		isSelected,
+		isDisabled,
+		isPressed,
+		isFocused,
+		isFocusVisible,
+		isHovered
+	};
+}
+/**
+* Creates ARIA props for a tab panel.
+*/
+function createTabPanel(props, state) {
+	const fallbackId = createId();
+	const associatedKey = createMemo(() => {
+		if (state === null) return null;
+		return props.id ?? state.selectedKey();
+	});
+	const isSelected = createMemo(() => {
+		if (state === null) return true;
+		if (props.id === void 0) return state.selectedKey() !== null;
+		return state.selectedKey() === props.id;
+	});
+	return {
+		tabPanelProps: {
+			get id() {
+				const key = associatedKey();
+				if (state && key !== null) return generateTabPanelId(state, key);
+				return fallbackId;
+			},
+			role: "tabpanel",
+			get "aria-labelledby"() {
+				if (props["aria-labelledby"]) return props["aria-labelledby"];
+				const key = associatedKey();
+				if (state && key !== null) return generateTabId(state, key);
+			},
+			"aria-label": props["aria-label"],
+			"aria-describedby": props["aria-describedby"],
+			tabIndex: 0
+		},
+		isSelected
+	};
+}
+//#endregion
+export { createTabList as n, createTabPanel as r, createTab as t };
+
+//# sourceMappingURL=tabs.js.map

package/dist/_chunk/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","names":[],"sources":["../../src/tabs/createTabs.ts"],"sourcesContent":["/**\n * ARIA hooks for tab components.\n * Based on @react-aria/tabs.\n */\n\nimport { type Accessor, createEffect, createMemo } from \"solid-js\";\nimport { createFocusRing } from \"../interactions\";\nimport { createPress } from \"../interactions\";\nimport { createHover } from \"../interactions\";\nimport { createId } from \"../ssr\";\nimport { useLocale } from \"../i18n\";\nimport type { Key, Collection, CollectionNode } from \"@proyecto-viviana/solid-stately\";\n\nexport type TabOrientation = \"horizontal\" | \"vertical\";\nexport type KeyboardActivation = \"automatic\" | \"manual\";\n\nexport interface TabListState<T = unknown> {\n  collection: Accessor<Collection<T>>;\n  selectedKey: Accessor<Key | null>;\n  setSelectedKey(key: Key): void;\n  selectedItem: Accessor<CollectionNode<T> | null>;\n  isDisabled: Accessor<boolean>;\n  keyboardActivation: Accessor<KeyboardActivation>;\n  orientation: Accessor<TabOrientation>;\n  isKeyDisabled(key: Key): boolean;\n  disabledKeys: Accessor<Set<Key>>;\n  isFocused: Accessor<boolean>;\n  setFocused(isFocused: boolean): void;\n  focusedKey: Accessor<Key | null>;\n  setFocusedKey(key: Key | null): void;\n}\n\nexport interface AriaTabListProps {\n  /** The orientation of the tab list. */\n  orientation?: TabOrientation;\n  /** How tabs are activated (on focus or on click). */\n  keyboardActivation?: KeyboardActivation;\n  /** Whether the tab list is disabled. */\n  isDisabled?: boolean;\n  /** Label for the tab list. */\n  \"aria-label\"?: string;\n  /** ID of element that labels the tab list. */\n  \"aria-labelledby\"?: string;\n  /** ID of element that describes the tab list. */\n  \"aria-describedby\"?: string;\n}\n\nexport interface TabListAria {\n  /** Props for the tab list container element. */\n  tabListProps: {\n    role: \"tablist\";\n    \"aria-orientation\": TabOrientation;\n    \"aria-label\"?: string;\n    \"aria-labelledby\"?: string;\n    \"aria-describedby\"?: string;\n    onKeyDown: (e: KeyboardEvent) => void;\n    // React's bubbling onFocus/onBlur map to focusin/focusout in Solid; the\n    // tab list must observe focus entering/leaving its child tabs.\n    onFocusIn: (e: FocusEvent) => void;\n    onFocusOut: (e: FocusEvent) => void;\n  };\n}\n\nexport interface AriaTabProps {\n  /** The key of the tab. */\n  key: Key;\n  /** Whether the tab is disabled. */\n  isDisabled?: boolean;\n  /** Label for the tab. */\n  \"aria-label\"?: string;\n  /** ID reference for the tab label. */\n  \"aria-labelledby\"?: string;\n}\n\nexport interface TabAria {\n  /** Props for the tab element. */\n  tabProps: {\n    id: string;\n    role: \"tab\";\n    \"aria-selected\": boolean;\n    \"aria-disabled\": boolean | undefined;\n    \"aria-controls\": string | undefined;\n    \"aria-label\"?: string;\n    \"aria-labelledby\"?: string;\n    tabIndex: number | undefined;\n    onKeyDown: (e: KeyboardEvent) => void;\n    onMouseDown: (e: MouseEvent) => void;\n    onPointerDown: (e: PointerEvent) => void;\n    onClick: (e: MouseEvent) => void;\n    onFocus: (e: FocusEvent) => void;\n    onBlur: (e: FocusEvent) => void;\n  };\n  /** Whether the tab is selected. */\n  isSelected: Accessor<boolean>;\n  /** Whether the tab is disabled. */\n  isDisabled: Accessor<boolean>;\n  /** Whether the tab is pressed. */\n  isPressed: Accessor<boolean>;\n  /** Whether the tab has focus. */\n  isFocused: Accessor<boolean>;\n  /** Whether the tab has visible focus ring. */\n  isFocusVisible: Accessor<boolean>;\n  /** Whether the tab is hovered. */\n  isHovered: Accessor<boolean>;\n}\n\nexport interface AriaTabPanelProps {\n  /** The key of the associated tab. */\n  id?: Key;\n  /** Label for the tab panel. */\n  \"aria-label\"?: string;\n  /** ID of element that labels the tab panel. */\n  \"aria-labelledby\"?: string;\n  /** ID of element that describes the tab panel. */\n  \"aria-describedby\"?: string;\n}\n\nexport interface TabPanelAria {\n  /** Props for the tab panel element. */\n  tabPanelProps: {\n    id: string;\n    role: \"tabpanel\";\n    \"aria-labelledby\"?: string;\n    \"aria-label\"?: string;\n    \"aria-describedby\"?: string;\n    tabIndex: number;\n  };\n  /** Whether this panel is the selected one. */\n  isSelected: Accessor<boolean>;\n}\n\nconst tabListIds = new WeakMap<TabListState<unknown>, string>();\n\nfunction getTabListId<T>(state: TabListState<T>): string {\n  let id = tabListIds.get(state as TabListState<unknown>);\n  if (!id) {\n    id = createId();\n    tabListIds.set(state as TabListState<unknown>, id);\n  }\n  return id;\n}\n\nfunction generateTabId<T>(state: TabListState<T>, key: Key): string {\n  const baseId = getTabListId(state);\n  const keyStr = String(key).replace(/\\s+/g, \"-\");\n  return `${baseId}-tab-${keyStr}`;\n}\n\nfunction generateTabPanelId<T>(state: TabListState<T>, key: Key): string {\n  const baseId = getTabListId(state);\n  const keyStr = String(key).replace(/\\s+/g, \"-\");\n  return `${baseId}-tabpanel-${keyStr}`;\n}\n\nfunction getNextKey<T>(state: TabListState<T>, currentKey: Key): Key | null {\n  const coll = state.collection();\n  const keys = [...coll].map((node) => node.key);\n  const currentIndex = keys.indexOf(currentKey);\n\n  if (currentIndex === -1) return keys[0] ?? null;\n\n  // Find next non-disabled key, wrapping around\n  for (let i = 1; i <= keys.length; i++) {\n    const nextIndex = (currentIndex + i) % keys.length;\n    const nextKey = keys[nextIndex];\n    if (!state.isKeyDisabled(nextKey)) {\n      return nextKey;\n    }\n  }\n\n  return null;\n}\n\nfunction getPreviousKey<T>(state: TabListState<T>, currentKey: Key): Key | null {\n  const coll = state.collection();\n  const keys = [...coll].map((node) => node.key);\n  const currentIndex = keys.indexOf(currentKey);\n\n  if (currentIndex === -1) return keys[keys.length - 1] ?? null;\n\n  // Find previous non-disabled key, wrapping around\n  for (let i = 1; i <= keys.length; i++) {\n    const prevIndex = (currentIndex - i + keys.length) % keys.length;\n    const prevKey = keys[prevIndex];\n    if (!state.isKeyDisabled(prevKey)) {\n      return prevKey;\n    }\n  }\n\n  return null;\n}\n\nfunction getFirstKey<T>(state: TabListState<T>): Key | null {\n  const coll = state.collection();\n  for (const node of coll) {\n    if (!state.isKeyDisabled(node.key)) {\n      return node.key;\n    }\n  }\n  return null;\n}\n\nfunction getLastKey<T>(state: TabListState<T>): Key | null {\n  const coll = state.collection();\n  const keys = [...coll].map((node) => node.key).reverse();\n  for (const key of keys) {\n    if (!state.isKeyDisabled(key)) {\n      return key;\n    }\n  }\n  return null;\n}\n\n/**\n * Creates ARIA props for a tab list container.\n */\nexport function createTabList<T>(props: AriaTabListProps, state: TabListState<T>): TabListAria {\n  const locale = useLocale();\n  const orientation = () => props.orientation ?? state.orientation() ?? \"horizontal\";\n  const keyboardActivation = () =>\n    props.keyboardActivation ?? state.keyboardActivation() ?? \"automatic\";\n\n  const handleKeyDown = (e: KeyboardEvent) => {\n    if (state.isDisabled()) return;\n\n    const currentKey = state.focusedKey() ?? state.selectedKey();\n    if (currentKey === null) return;\n\n    let nextKey: Key | null = null;\n    const isHorizontal = orientation() === \"horizontal\";\n    const isRTL = locale().direction === \"rtl\";\n\n    switch (e.key) {\n      case \"ArrowLeft\":\n        if (isHorizontal) {\n          nextKey = isRTL ? getNextKey(state, currentKey) : getPreviousKey(state, currentKey);\n        }\n        break;\n      case \"ArrowRight\":\n        if (isHorizontal) {\n          nextKey = isRTL ? getPreviousKey(state, currentKey) : getNextKey(state, currentKey);\n        }\n        break;\n      case \"ArrowUp\":\n        if (!isHorizontal) {\n          nextKey = getPreviousKey(state, currentKey);\n        }\n        break;\n      case \"ArrowDown\":\n        if (!isHorizontal) {\n          nextKey = getNextKey(state, currentKey);\n        }\n        break;\n      case \"Home\":\n        nextKey = getFirstKey(state);\n        break;\n      case \"End\":\n        nextKey = getLastKey(state);\n        break;\n      case \"Enter\":\n      case \" \":\n        // In manual mode, Enter/Space activates the focused tab\n        if (keyboardActivation() === \"manual\" && state.focusedKey()) {\n          state.setSelectedKey(state.focusedKey()!);\n          e.preventDefault();\n        }\n        return;\n      default:\n        return;\n    }\n\n    if (nextKey !== null) {\n      e.preventDefault();\n      state.setFocusedKey(nextKey);\n      // Selection follows focus only for keyboard navigation in automatic mode\n      // (mirrors useSelectableCollection's selectOnFocus in navigateToKey).\n      if (keyboardActivation() === \"automatic\") {\n        state.setSelectedKey(nextKey);\n      }\n    }\n  };\n\n  const handleFocus = () => {\n    state.setFocused(true);\n    // If no focused key, focus the selected key\n    if (state.focusedKey() === null && state.selectedKey() !== null) {\n      state.setFocusedKey(state.selectedKey());\n    }\n  };\n\n  const handleBlur = (e: FocusEvent) => {\n    // Only blur if focus is leaving the tab list entirely\n    const relatedTarget = e.relatedTarget as Element | null;\n    if (relatedTarget && (e.currentTarget as Element).contains(relatedTarget)) {\n      return;\n    }\n    state.setFocused(false);\n  };\n\n  return {\n    tabListProps: {\n      role: \"tablist\",\n      \"aria-orientation\": orientation(),\n      \"aria-label\": props[\"aria-label\"],\n      \"aria-labelledby\": props[\"aria-labelledby\"],\n      \"aria-describedby\": props[\"aria-describedby\"],\n      onKeyDown: handleKeyDown,\n      onFocusIn: handleFocus,\n      onFocusOut: handleBlur,\n    },\n  };\n}\n\n/**\n * Creates ARIA props for an individual tab.\n */\nexport function createTab<T>(\n  props: AriaTabProps,\n  state: TabListState<T>,\n  ref?: Accessor<HTMLElement | null>,\n): TabAria {\n  const key = () => props.key;\n\n  const isSelected = createMemo(() => state.selectedKey() === key());\n  const isDisabled = createMemo(() => {\n    if (props.isDisabled) return true;\n    return state.isKeyDisabled(key());\n  });\n\n  // Whether this tab is the roving-focus target (state layer), used for the\n  // roving tabIndex and DOM focus alignment. The returned isFocused is the\n  // DOM-focus-based ring state, matching upstream's useFocusRing semantics.\n  const isKeyFocused = createMemo(() => state.focusedKey() === key());\n\n  // Focus ring\n  const { isFocused, isFocusVisible, focusProps } = createFocusRing();\n\n  // Press handling. Selection timing mirrors useSelectableItem's default\n  // (non-shouldSelectOnPressUp) path: mouse selects on press start and\n  // keyboard on key down, while touch, pen, and virtual pointers select on\n  // press up.\n  const selectTab = () => {\n    const tabKey = key();\n    state.setFocusedKey(tabKey);\n    state.setSelectedKey(tabKey);\n  };\n  const { isPressed, pressProps } = createPress({\n    get isDisabled() {\n      return isDisabled();\n    },\n    onPressStart: (e) => {\n      if (e.pointerType === \"mouse\" || e.pointerType === \"keyboard\") {\n        selectTab();\n      }\n    },\n    onPress: (e) => {\n      if (e.pointerType === \"touch\" || e.pointerType === \"pen\" || e.pointerType === \"virtual\") {\n        selectTab();\n      }\n    },\n  });\n\n  // Hover handling\n  const { isHovered } = createHover({\n    get isDisabled() {\n      return isDisabled();\n    },\n  });\n\n  // Generate IDs\n  const tabId = generateTabId(state, key());\n  const tabPanelId = generateTabPanelId(state, key());\n\n  // Helper to safely call event handlers that may be bound tuples\n  const callHandler = <E extends Event>(handler: unknown, event: E) => {\n    if (typeof handler === \"function\") {\n      (handler as (e: E) => void)(event);\n      return;\n    }\n    if (Array.isArray(handler) && handler.length >= 2 && typeof handler[1] === \"function\") {\n      (handler[1] as (this: unknown, e: E) => void).call(handler[0], event);\n    }\n  };\n\n  // Focus management\n  const handleFocus = (e: FocusEvent) => {\n    state.setFocusedKey(key());\n    callHandler(focusProps.onFocus, e);\n  };\n\n  const handleBlur = (e: FocusEvent) => {\n    callHandler(focusProps.onBlur, e);\n  };\n\n  // Combine all handlers\n  const handleKeyDown = (e: KeyboardEvent) => {\n    callHandler(pressProps.onKeyDown, e);\n  };\n\n  const handleMouseDown = (e: MouseEvent) => {\n    callHandler(pressProps.onMouseDown, e);\n  };\n\n  const handlePointerDown = (e: PointerEvent) => {\n    callHandler(pressProps.onPointerDown, e);\n  };\n\n  const handleClick = (e: MouseEvent) => {\n    callHandler(pressProps.onClick, e);\n  };\n\n  // Keep DOM focus aligned with focusedKey updates from keyboard navigation.\n  // Only while the tab list itself is focused (mirrors useSelectableItem's\n  // manager.isFocused guard), so programmatic selection changes don't steal\n  // focus from elsewhere in the document.\n  createEffect(() => {\n    const element = ref?.();\n    if (!state.isFocused() || !isKeyFocused() || !element) return;\n\n    const activeElement = element.ownerDocument?.activeElement;\n    if (activeElement !== element) {\n      element.focus();\n    }\n  });\n\n  return {\n    tabProps: {\n      id: tabId,\n      role: \"tab\",\n      get \"aria-selected\"() {\n        return isSelected();\n      },\n      get \"aria-disabled\"() {\n        return isDisabled() || undefined;\n      },\n      get \"aria-controls\"() {\n        return isSelected() ? tabPanelId : undefined;\n      },\n      \"aria-label\": props[\"aria-label\"],\n      \"aria-labelledby\": props[\"aria-labelledby\"],\n      get tabIndex() {\n        // Roving tabIndex follows the focused key (mirrors useSelectableItem);\n        // disabled tabs get no tabIndex at all (mirrors useTab).\n        if (isDisabled()) return undefined;\n        return isKeyFocused() ? 0 : -1;\n      },\n      onKeyDown: handleKeyDown,\n      onMouseDown: handleMouseDown,\n      onPointerDown: handlePointerDown,\n      onClick: handleClick,\n      onFocus: handleFocus,\n      onBlur: handleBlur,\n    },\n    isSelected,\n    isDisabled,\n    isPressed,\n    isFocused,\n    isFocusVisible,\n    isHovered,\n  };\n}\n\n/**\n * Creates ARIA props for a tab panel.\n */\nexport function createTabPanel<T>(\n  props: AriaTabPanelProps,\n  state: TabListState<T> | null,\n): TabPanelAria {\n  const fallbackId = createId();\n\n  // Shared panel pattern: if no explicit id is provided, associate the panel\n  // with the currently selected tab.\n  const associatedKey = createMemo<Key | null>(() => {\n    if (state === null) return null;\n    return props.id ?? state.selectedKey();\n  });\n\n  // If state is null, the panel is always visible (SSR fallback).\n  const isSelected = createMemo(() => {\n    if (state === null) return true;\n    if (props.id === undefined) {\n      return state.selectedKey() !== null;\n    }\n    return state.selectedKey() === props.id;\n  });\n\n  return {\n    tabPanelProps: {\n      get id() {\n        const key = associatedKey();\n        if (state && key !== null) {\n          return generateTabPanelId(state, key);\n        }\n        return fallbackId;\n      },\n      role: \"tabpanel\",\n      get \"aria-labelledby\"() {\n        if (props[\"aria-labelledby\"]) return props[\"aria-labelledby\"];\n        const key = associatedKey();\n        if (state && key !== null) {\n          return generateTabId(state, key);\n        }\n        return undefined;\n      },\n      \"aria-label\": props[\"aria-label\"],\n      \"aria-describedby\": props[\"aria-describedby\"],\n      // Make panel focusable if no tabbable children\n      tabIndex: 0,\n    },\n    isSelected,\n  };\n}\n"],"mappings":";;;;;;;;;;;AAmIA,MAAM,6BAAa,IAAI,QAAuC;AAE9D,SAAS,aAAgB,OAAgC;CACvD,IAAI,KAAK,WAAW,IAAI,KAA8B;CACtD,IAAI,CAAC,IAAI;EACP,KAAK,SAAS;EACd,WAAW,IAAI,OAAgC,EAAE;CACnD;CACA,OAAO;AACT;AAEA,SAAS,cAAiB,OAAwB,KAAkB;CAGlE,OAAO,GAFQ,aAAa,KAEb,EAAE,OADF,OAAO,GAAG,CAAC,CAAC,QAAQ,QAAQ,GACd;AAC/B;AAEA,SAAS,mBAAsB,OAAwB,KAAkB;CAGvE,OAAO,GAFQ,aAAa,KAEb,EAAE,YADF,OAAO,GAAG,CAAC,CAAC,QAAQ,QAAQ,GACT;AACpC;AAEA,SAAS,WAAc,OAAwB,YAA6B;CAE1E,MAAM,OAAO,CAAC,GADD,MAAM,WACC,CAAC,CAAC,CAAC,KAAK,SAAS,KAAK,GAAG;CAC7C,MAAM,eAAe,KAAK,QAAQ,UAAU;CAE5C,IAAI,iBAAiB,IAAI,OAAO,KAAK,MAAM;CAG3C,KAAK,IAAI,IAAI,GAAG,KAAK,KAAK,QAAQ,KAAK;EAErC,MAAM,UAAU,MADG,eAAe,KAAK,KAAK;EAE5C,IAAI,CAAC,MAAM,cAAc,OAAO,GAC9B,OAAO;CAEX;CAEA,OAAO;AACT;AAEA,SAAS,eAAkB,OAAwB,YAA6B;CAE9E,MAAM,OAAO,CAAC,GADD,MAAM,WACC,CAAC,CAAC,CAAC,KAAK,SAAS,KAAK,GAAG;CAC7C,MAAM,eAAe,KAAK,QAAQ,UAAU;CAE5C,IAAI,iBAAiB,IAAI,OAAO,KAAK,KAAK,SAAS,MAAM;CAGzD,KAAK,IAAI,IAAI,GAAG,KAAK,KAAK,QAAQ,KAAK;EAErC,MAAM,UAAU,MADG,eAAe,IAAI,KAAK,UAAU,KAAK;EAE1D,IAAI,CAAC,MAAM,cAAc,OAAO,GAC9B,OAAO;CAEX;CAEA,OAAO;AACT;AAEA,SAAS,YAAe,OAAoC;CAC1D,MAAM,OAAO,MAAM,WAAW;CAC9B,KAAK,MAAM,QAAQ,MACjB,IAAI,CAAC,MAAM,cAAc,KAAK,GAAG,GAC/B,OAAO,KAAK;CAGhB,OAAO;AACT;AAEA,SAAS,WAAc,OAAoC;CAEzD,MAAM,OAAO,CAAC,GADD,MAAM,WACC,CAAC,CAAC,CAAC,KAAK,SAAS,KAAK,GAAG,CAAC,CAAC,QAAQ;CACvD,KAAK,MAAM,OAAO,MAChB,IAAI,CAAC,MAAM,cAAc,GAAG,GAC1B,OAAO;CAGX,OAAO;AACT;;;;AAKA,SAAgB,cAAiB,OAAyB,OAAqC;CAC7F,MAAM,SAAS,UAAU;CACzB,MAAM,oBAAoB,MAAM,eAAe,MAAM,YAAY,KAAK;CACtE,MAAM,2BACJ,MAAM,sBAAsB,MAAM,mBAAmB,KAAK;CAE5D,MAAM,iBAAiB,MAAqB;EAC1C,IAAI,MAAM,WAAW,GAAG;EAExB,MAAM,aAAa,MAAM,WAAW,KAAK,MAAM,YAAY;EAC3D,IAAI,eAAe,MAAM;EAEzB,IAAI,UAAsB;EAC1B,MAAM,eAAe,YAAY,MAAM;EACvC,MAAM,QAAQ,OAAO,CAAC,CAAC,cAAc;EAErC,QAAQ,EAAE,KAAV;GACE,KAAK;IACH,IAAI,cACF,UAAU,QAAQ,WAAW,OAAO,UAAU,IAAI,eAAe,OAAO,UAAU;IAEpF;GACF,KAAK;IACH,IAAI,cACF,UAAU,QAAQ,eAAe,OAAO,UAAU,IAAI,WAAW,OAAO,UAAU;IAEpF;GACF,KAAK;IACH,IAAI,CAAC,cACH,UAAU,eAAe,OAAO,UAAU;IAE5C;GACF,KAAK;IACH,IAAI,CAAC,cACH,UAAU,WAAW,OAAO,UAAU;IAExC;GACF,KAAK;IACH,UAAU,YAAY,KAAK;IAC3B;GACF,KAAK;IACH,UAAU,WAAW,KAAK;IAC1B;GACF,KAAK;GACL,KAAK;IAEH,IAAI,mBAAmB,MAAM,YAAY,MAAM,WAAW,GAAG;KAC3D,MAAM,eAAe,MAAM,WAAW,CAAE;KACxC,EAAE,eAAe;IACnB;IACA;GACF,SACE;EACJ;EAEA,IAAI,YAAY,MAAM;GACpB,EAAE,eAAe;GACjB,MAAM,cAAc,OAAO;GAG3B,IAAI,mBAAmB,MAAM,aAC3B,MAAM,eAAe,OAAO;EAEhC;CACF;CAEA,MAAM,oBAAoB;EACxB,MAAM,WAAW,IAAI;EAErB,IAAI,MAAM,WAAW,MAAM,QAAQ,MAAM,YAAY,MAAM,MACzD,MAAM,cAAc,MAAM,YAAY,CAAC;CAE3C;CAEA,MAAM,cAAc,MAAkB;EAEpC,MAAM,gBAAgB,EAAE;EACxB,IAAI,iBAAkB,EAAE,cAA0B,SAAS,aAAa,GACtE;EAEF,MAAM,WAAW,KAAK;CACxB;CAEA,OAAO,EACL,cAAc;EACZ,MAAM;EACN,oBAAoB,YAAY;EAChC,cAAc,MAAM;EACpB,mBAAmB,MAAM;EACzB,oBAAoB,MAAM;EAC1B,WAAW;EACX,WAAW;EACX,YAAY;CACd,EACF;AACF;;;;AAKA,SAAgB,UACd,OACA,OACA,KACS;CACT,MAAM,YAAY,MAAM;CAExB,MAAM,aAAa,iBAAiB,MAAM,YAAY,MAAM,IAAI,CAAC;CACjE,MAAM,aAAa,iBAAiB;EAClC,IAAI,MAAM,YAAY,OAAO;EAC7B,OAAO,MAAM,cAAc,IAAI,CAAC;CAClC,CAAC;CAKD,MAAM,eAAe,iBAAiB,MAAM,WAAW,MAAM,IAAI,CAAC;CAGlE,MAAM,EAAE,WAAW,gBAAgB,eAAe,gBAAgB;CAMlE,MAAM,kBAAkB;EACtB,MAAM,SAAS,IAAI;EACnB,MAAM,cAAc,MAAM;EAC1B,MAAM,eAAe,MAAM;CAC7B;CACA,MAAM,EAAE,WAAW,eAAe,YAAY;EAC5C,IAAI,aAAa;GACf,OAAO,WAAW;EACpB;EACA,eAAe,MAAM;GACnB,IAAI,EAAE,gBAAgB,WAAW,EAAE,gBAAgB,YACjD,UAAU;EAEd;EACA,UAAU,MAAM;GACd,IAAI,EAAE,gBAAgB,WAAW,EAAE,gBAAgB,SAAS,EAAE,gBAAgB,WAC5E,UAAU;EAEd;CACF,CAAC;CAGD,MAAM,EAAE,cAAc,YAAY,EAChC,IAAI,aAAa;EACf,OAAO,WAAW;CACpB,EACF,CAAC;CAGD,MAAM,QAAQ,cAAc,OAAO,IAAI,CAAC;CACxC,MAAM,aAAa,mBAAmB,OAAO,IAAI,CAAC;CAGlD,MAAM,eAAgC,SAAkB,UAAa;EACnE,IAAI,OAAO,YAAY,YAAY;GACjC,QAA4B,KAAK;GACjC;EACF;EACA,IAAI,MAAM,QAAQ,OAAO,KAAK,QAAQ,UAAU,KAAK,OAAO,QAAQ,OAAO,YACzE,QAAS,EAAE,CAAmC,KAAK,QAAQ,IAAI,KAAK;CAExE;CAGA,MAAM,eAAe,MAAkB;EACrC,MAAM,cAAc,IAAI,CAAC;EACzB,YAAY,WAAW,SAAS,CAAC;CACnC;CAEA,MAAM,cAAc,MAAkB;EACpC,YAAY,WAAW,QAAQ,CAAC;CAClC;CAGA,MAAM,iBAAiB,MAAqB;EAC1C,YAAY,WAAW,WAAW,CAAC;CACrC;CAEA,MAAM,mBAAmB,MAAkB;EACzC,YAAY,WAAW,aAAa,CAAC;CACvC;CAEA,MAAM,qBAAqB,MAAoB;EAC7C,YAAY,WAAW,eAAe,CAAC;CACzC;CAEA,MAAM,eAAe,MAAkB;EACrC,YAAY,WAAW,SAAS,CAAC;CACnC;CAMA,mBAAmB;EACjB,MAAM,UAAU,MAAM;EACtB,IAAI,CAAC,MAAM,UAAU,KAAK,CAAC,aAAa,KAAK,CAAC,SAAS;EAGvD,IADsB,QAAQ,eAAe,kBACvB,SACpB,QAAQ,MAAM;CAElB,CAAC;CAED,OAAO;EACL,UAAU;GACR,IAAI;GACJ,MAAM;GACN,IAAI,kBAAkB;IACpB,OAAO,WAAW;GACpB;GACA,IAAI,kBAAkB;IACpB,OAAO,WAAW,KAAK,KAAA;GACzB;GACA,IAAI,kBAAkB;IACpB,OAAO,WAAW,IAAI,aAAa,KAAA;GACrC;GACA,cAAc,MAAM;GACpB,mBAAmB,MAAM;GACzB,IAAI,WAAW;IAGb,IAAI,WAAW,GAAG,OAAO,KAAA;IACzB,OAAO,aAAa,IAAI,IAAI;GAC9B;GACA,WAAW;GACX,aAAa;GACb,eAAe;GACf,SAAS;GACT,SAAS;GACT,QAAQ;EACV;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF;;;;AAKA,SAAgB,eACd,OACA,OACc;CACd,MAAM,aAAa,SAAS;CAI5B,MAAM,gBAAgB,iBAA6B;EACjD,IAAI,UAAU,MAAM,OAAO;EAC3B,OAAO,MAAM,MAAM,MAAM,YAAY;CACvC,CAAC;CAGD,MAAM,aAAa,iBAAiB;EAClC,IAAI,UAAU,MAAM,OAAO;EAC3B,IAAI,MAAM,OAAO,KAAA,GACf,OAAO,MAAM,YAAY,MAAM;EAEjC,OAAO,MAAM,YAAY,MAAM,MAAM;CACvC,CAAC;CAED,OAAO;EACL,eAAe;GACb,IAAI,KAAK;IACP,MAAM,MAAM,cAAc;IAC1B,IAAI,SAAS,QAAQ,MACnB,OAAO,mBAAmB,OAAO,GAAG;IAEtC,OAAO;GACT;GACA,MAAM;GACN,IAAI,oBAAoB;IACtB,IAAI,MAAM,oBAAoB,OAAO,MAAM;IAC3C,MAAM,MAAM,cAAc;IAC1B,IAAI,SAAS,QAAQ,MACnB,OAAO,cAAc,OAAO,GAAG;GAGnC;GACA,cAAc,MAAM;GACpB,oBAAoB,MAAM;GAE1B,UAAU;EACZ;EACA;CACF;AACF"}