@accelint/design-toolkit 9.6.0 → 9.8.0

package/dist/components/table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["actionColumn: NonNullable<typeof columnsProp>[number]"],"sources":["../../../src/components/table/index.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport Kebab from '@accelint/icons/kebab';\nimport Pin from '@accelint/icons/pin';\nimport { useListData } from '@react-stately/data';\nimport {\n  getCoreRowModel,\n  getSortedRowModel,\n  type Row,\n  type RowPinningState,\n  type RowSelectionState,\n  useReactTable,\n} from '@tanstack/react-table';\nimport { useCallback, useContext, useMemo, useState } from 'react';\nimport { Button } from '../button';\nimport { Checkbox } from '../checkbox';\nimport { Icon } from '../icon';\nimport { Menu } from '../menu';\nimport { MenuItem } from '../menu/item';\nimport { MenuSeparator } from '../menu/separator';\nimport { MenuTrigger } from '../menu/trigger';\nimport { TableBody } from './body';\nimport { TableContext } from './context';\nimport { TableHeader } from './header';\nimport styles from './styles.module.css';\nimport type { Key } from '@react-types/shared';\nimport type { TableProps } from './types';\n\n// This width is for columns in the table that provide features:\n// - Row count\n// - Row actions kebab\n// - Row selection (checkbox)\n// These columns should not need to grow with table width\nconst META_COLUMN_WIDTH = 32;\n\ntype RowActionsMenuProps<T> = {\n  row: Row<T>;\n  rows: Row<T>[];\n  moveRowsDown: (row: Row<T>, rows: Row<T>[]) => void;\n  moveRowsUp: (row: Row<T>, rows: Row<T>[]) => void;\n};\n\nfunction RowActionsMenu<T>({\n  moveRowsDown,\n  moveRowsUp,\n  row,\n  rows,\n}: RowActionsMenuProps<T>) {\n  const { enableRowActions, persistRowKebabMenu } = useContext(TableContext);\n  const isPinned = !!row.getIsPinned();\n  const hideRowKebab = !persistRowKebabMenu;\n\n  return (\n    enableRowActions && (\n      <div className={clsx(hideRowKebab && styles.hideInRow)}>\n        <MenuTrigger>\n          <Button variant='icon' aria-label={`row ${row.index + 1} actions`}>\n            <Icon>\n              <Kebab />\n            </Icon>\n          </Button>\n          <Menu>\n            <MenuItem onAction={() => row.pin(isPinned ? false : 'top')}>\n              {isPinned ? 'Unpin' : 'Pin'}\n            </MenuItem>\n            <MenuSeparator />\n            <MenuItem\n              onAction={() => moveRowsUp(row, rows)}\n              isDisabled={isPinned || row.index === 0}\n            >\n              Move Up\n            </MenuItem>\n            <MenuItem\n              onAction={() => moveRowsDown(row, rows)}\n              isDisabled={isPinned || row.index === rows.length - 1}\n            >\n              Move Down\n            </MenuItem>\n          </Menu>\n        </MenuTrigger>\n      </div>\n    )\n  );\n}\n\n/**\n * Table - Configurable data table with sorting, selection, and row actions\n *\n * Supports data-driven mode with TanStack column definitions or static mode with subcomponents.\n *\n * @param props - {@link TableProps}\n * @param props.children - Custom children for static mode.\n * @param props.columns - Column definitions for data-driven mode.\n * @param props.data - Data array for data-driven mode.\n * @param props.showCheckbox - Whether to show selection checkboxes.\n * @param props.rowSelection - Initial row selection state.\n * @param props.kebabPosition - Position of row action menu.\n * @param props.persistRowKebabMenu - Keep row kebab menu visible.\n * @param props.persistHeaderKebabMenu - Keep header kebab menu visible.\n * @param props.persistNumerals - Keep row numerals visible.\n * @param props.enableSorting - Enable column sorting.\n * @param props.enableColumnReordering - Enable column reordering.\n * @param props.enableRowActions - Enable row action menu.\n * @param props.manualSorting - Use server-side sorting.\n * @param props.onSortChange - Callback when sort changes.\n * @param props.onColumnReorderChange - Callback when column order changes.\n * @param props.onRowSelectionChange - Callback when row selection changes.\n * @param props.fullWidth - Whether table uses full width.\n * @returns The rendered Table component.\n *\n * @example\n * ```tsx\n * <Table columns={columns} data={rows} enableSorting showCheckbox />\n * ```\n */\nexport function Table<T extends { id: Key }>({\n  children,\n  columns: columnsProp,\n  data: dataProp,\n  showCheckbox,\n  rowSelection: rowSelectionProp,\n  kebabPosition = 'right',\n  persistRowKebabMenu = true,\n  persistHeaderKebabMenu = true,\n  persistNumerals = false,\n  enableSorting = true,\n  enableColumnReordering = true,\n  enableRowActions = true,\n  manualSorting = false,\n  onSortChange,\n  onColumnReorderChange,\n  onRowSelectionChange,\n  fullWidth = false,\n  ...rest\n}: TableProps<T>) {\n  const {\n    items: data,\n    moveAfter,\n    moveBefore,\n  } = useListData({\n    initialItems: dataProp,\n  });\n  const [rowSelection, setRowSelection] = useState<RowSelectionState>(\n    rowSelectionProp ?? {},\n  );\n  const [columnSelection, setColumnSelection] = useState<string | null>(null);\n  const [rowPinning, setRowPinning] = useState<RowPinningState>({\n    top: [],\n    bottom: [],\n  });\n\n  /**\n   * moveUpSelectedRows moves the selected rows up in the table.\n   * It finds the first selected row, determines its index,\n   * and moves it before the previous row if it exists.\n   */\n  const moveRowsUp = useCallback(\n    (row: Row<T>, rows: Row<T>[]) => {\n      const isSelected = rowSelection[row.id];\n      const rowsToMove = isSelected\n        ? rows.filter(({ id }) => rowSelection[id])\n        : [row];\n      const firstRowToMove = rowsToMove[0];\n\n      if (!firstRowToMove || firstRowToMove.index === 0) {\n        return;\n      }\n\n      const prevRowId = rows[firstRowToMove.index - 1]?.id;\n\n      if (!prevRowId) {\n        return;\n      }\n\n      moveBefore(\n        prevRowId,\n        rowsToMove.map(({ id }) => id),\n      );\n    },\n    [rowSelection, moveBefore],\n  );\n\n  /**\n   * moveDownRows moves the selected or active rows down in the table.\n   * It finds the last selected row, determines its index,\n   * and moves it after the next row if it exists.\n   */\n  const moveRowsDown = useCallback(\n    (row: Row<T>, rows: Row<T>[]) => {\n      const isSelected = rowSelection[row.id];\n      const rowsToMove = isSelected\n        ? rows.filter(({ id }) => rowSelection[id])\n        : [row];\n      const lastRowToMove = rowsToMove[rowsToMove.length - 1];\n\n      if (!lastRowToMove || lastRowToMove.index === rows.length - 1) {\n        return;\n      }\n\n      const nextRowId = rows[lastRowToMove.index + 1]?.id;\n\n      if (!nextRowId) {\n        return;\n      }\n\n      moveAfter(\n        nextRowId,\n        rowsToMove.map(({ id }) => id),\n      );\n    },\n    [rowSelection, moveAfter],\n  );\n\n  /**\n   * actionColumn defines the actions available in the kebab menu for each row.\n   * It includes options to move the row up or down in the table.\n   */\n  // biome-ignore lint/correctness/useExhaustiveDependencies: can of worms to fix ticket added\n  const actionColumn: NonNullable<typeof columnsProp>[number] = useMemo(\n    () => ({\n      id: 'kebab',\n      cell: ({ row }) => (\n        <RowActionsMenu\n          moveRowsUp={moveRowsUp}\n          moveRowsDown={moveRowsDown}\n          row={row}\n          rows={getRowModel().rows}\n        />\n      ),\n      size: META_COLUMN_WIDTH,\n    }),\n    [moveRowsUp, moveRowsDown],\n  );\n\n  /**\n   * columns defines the structure of the table.\n   * It includes the action column and optionally a checkbox column.\n   * The kebab menu position can be set to 'left' or 'right'.\n   * If showCheckbox is true, a checkbox column is added.\n   */\n  const columns = useMemo<NonNullable<typeof columnsProp>>(\n    () => [\n      {\n        id: 'numeral',\n        cell: ({ row }) =>\n          row.getIsPinned() ? (\n            <Icon size='small'>\n              <Pin />\n            </Icon>\n          ) : (\n            <span data-testid='numeral'>{row.index + 1}</span>\n          ),\n        size: META_COLUMN_WIDTH,\n      },\n      ...(showCheckbox\n        ? ([\n            {\n              id: 'selection',\n              header: ({ table }) => (\n                <Checkbox\n                  isSelected={table.getIsAllRowsSelected()}\n                  isIndeterminate={table.getIsSomeRowsSelected()}\n                  onChange={table.toggleAllRowsSelected}\n                />\n              ),\n              cell: ({ row }) => (\n                <Checkbox\n                  isSelected={row.getIsSelected()}\n                  isIndeterminate={row.getIsSomeSelected()}\n                  onChange={row.toggleSelected}\n                />\n              ),\n              size: META_COLUMN_WIDTH,\n            },\n          ] satisfies NonNullable<typeof columnsProp>)\n        : []),\n      ...(kebabPosition === 'left' ? [actionColumn] : []),\n      ...(columnsProp ?? []),\n      ...(kebabPosition === 'right' ? [actionColumn] : []),\n    ],\n    [showCheckbox, columnsProp, kebabPosition, actionColumn],\n  );\n\n  const handleSortChange = (\n    columnId: string,\n    sortDirection: 'asc' | 'desc' | null,\n  ) => {\n    onSortChange?.(columnId, sortDirection);\n  };\n\n  const handleColumnReordering = (index: number) => {\n    onColumnReorderChange?.(index);\n  };\n\n  const handleRowSelectionChange = useCallback(\n    (\n      updaterOrValue:\n        | RowSelectionState\n        | ((old: RowSelectionState) => RowSelectionState),\n    ) => {\n      setRowSelection(updaterOrValue);\n      onRowSelectionChange?.(updaterOrValue);\n    },\n    [onRowSelectionChange],\n  );\n\n  const {\n    getHeaderGroups,\n    getTopRows,\n    getCenterRows,\n    getBottomRows,\n    getRowModel,\n    setColumnOrder,\n  } = useReactTable<T>({\n    data,\n    columns,\n    enableSorting,\n    initialState: {\n      columnOrder: columns.map(({ id }) => id ?? ''),\n      rowSelection: rowSelectionProp ?? {},\n    },\n    state: {\n      rowSelection,\n      rowPinning,\n    },\n    getRowId: (row, index) => {\n      // Use the index as the row ID if no unique identifier is available\n      return row.id ? row.id.toString() : index.toString();\n    },\n    enableRowSelection: true,\n    enableRowPinning: true,\n    manualSorting: manualSorting,\n    onRowSelectionChange: handleRowSelectionChange,\n    onRowPinningChange: setRowPinning,\n    getCoreRowModel: getCoreRowModel<T>(),\n    getSortedRowModel: getSortedRowModel<T>(),\n  });\n\n  const moveColumnLeft = useCallback(\n    (oldIndex: number) => {\n      setColumnOrder((order) => {\n        const newColumnOrder = [...order];\n        const newIndex = oldIndex - 1;\n\n        if (newIndex < 0) {\n          return order;\n        }\n\n        [newColumnOrder[oldIndex], newColumnOrder[newIndex]] = [\n          newColumnOrder[newIndex] as string,\n          newColumnOrder[oldIndex] as string,\n        ];\n\n        return newColumnOrder;\n      });\n    },\n    [setColumnOrder],\n  );\n\n  const moveColumnRight = useCallback(\n    (oldIndex: number) => {\n      setColumnOrder((order) => {\n        const newColumnOrder = [...order];\n        const newIndex = oldIndex + 1;\n\n        if (newIndex >= order.length) {\n          return order;\n        }\n\n        [newColumnOrder[oldIndex], newColumnOrder[newIndex]] = [\n          newColumnOrder[newIndex] as string,\n          newColumnOrder[oldIndex] as string,\n        ];\n\n        return newColumnOrder;\n      });\n    },\n    [setColumnOrder],\n  );\n\n  const className = clsx(fullWidth && 'w-full table-fixed', rest.className);\n\n  if (children) {\n    return (\n      <table {...rest} className={className}>\n        {children}\n      </table>\n    );\n  }\n\n  return (\n    <TableContext.Provider\n      value={{\n        persistRowKebabMenu,\n        persistHeaderKebabMenu,\n        persistNumerals,\n        enableSorting,\n        enableColumnReordering,\n        enableRowActions,\n        columnSelection,\n        setColumnSelection,\n        moveColumnLeft,\n        moveColumnRight,\n        manualSorting,\n        handleSortChange,\n        handleColumnReordering,\n      }}\n    >\n      <table {...rest} className={className}>\n        <TableHeader\n          headerGroups={getHeaderGroups()}\n          columnSelection={columnSelection}\n        />\n        <TableBody\n          rows={[...getTopRows(), ...getCenterRows(), ...getBottomRows()]}\n        />\n      </table>\n    </TableContext.Provider>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["actionColumn: NonNullable<typeof columnsProp>[number]"],"sources":["../../../src/components/table/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport Kebab from '@accelint/icons/kebab';\nimport Pin from '@accelint/icons/pin';\nimport { useListData } from '@react-stately/data';\nimport {\n  getCoreRowModel,\n  getSortedRowModel,\n  type Row,\n  type RowPinningState,\n  type RowSelectionState,\n  useReactTable,\n} from '@tanstack/react-table';\nimport { useCallback, useContext, useMemo, useState } from 'react';\nimport { Button } from '../button';\nimport { Checkbox } from '../checkbox';\nimport { Icon } from '../icon';\nimport { Menu } from '../menu';\nimport { MenuItem } from '../menu/item';\nimport { MenuSeparator } from '../menu/separator';\nimport { MenuTrigger } from '../menu/trigger';\nimport { TableBody } from './body';\nimport { TableContext } from './context';\nimport { TableHeader } from './header';\nimport styles from './styles.module.css';\nimport type { Key } from '@react-types/shared';\nimport type { TableProps } from './types';\n\n// This width is for columns in the table that provide features:\n// - Row count\n// - Row actions kebab\n// - Row selection (checkbox)\n// These columns should not need to grow with table width\nconst META_COLUMN_WIDTH = 32;\n\ntype RowActionsMenuProps<T> = {\n  row: Row<T>;\n  rows: Row<T>[];\n  moveRowsDown: (row: Row<T>, rows: Row<T>[]) => void;\n  moveRowsUp: (row: Row<T>, rows: Row<T>[]) => void;\n};\n\nfunction RowActionsMenu<T>({\n  moveRowsDown,\n  moveRowsUp,\n  row,\n  rows,\n}: RowActionsMenuProps<T>) {\n  const { enableRowActions, persistRowKebabMenu } = useContext(TableContext);\n  const isPinned = !!row.getIsPinned();\n  const hideRowKebab = !persistRowKebabMenu;\n\n  return (\n    enableRowActions && (\n      <div className={clsx(hideRowKebab && styles.hideInRow)}>\n        <MenuTrigger>\n          <Button variant='icon' aria-label={`row ${row.index + 1} actions`}>\n            <Icon>\n              <Kebab />\n            </Icon>\n          </Button>\n          <Menu>\n            <MenuItem onAction={() => row.pin(isPinned ? false : 'top')}>\n              {isPinned ? 'Unpin' : 'Pin'}\n            </MenuItem>\n            <MenuSeparator />\n            <MenuItem\n              onAction={() => moveRowsUp(row, rows)}\n              isDisabled={isPinned || row.index === 0}\n            >\n              Move Up\n            </MenuItem>\n            <MenuItem\n              onAction={() => moveRowsDown(row, rows)}\n              isDisabled={isPinned || row.index === rows.length - 1}\n            >\n              Move Down\n            </MenuItem>\n          </Menu>\n        </MenuTrigger>\n      </div>\n    )\n  );\n}\n\n/**\n * Table - Configurable data table with sorting, selection, and row actions\n *\n * Supports data-driven mode with TanStack column definitions or static mode with subcomponents.\n *\n * @param props - {@link TableProps}\n * @param props.children - Custom children for static mode.\n * @param props.columns - Column definitions for data-driven mode.\n * @param props.data - Data array for data-driven mode.\n * @param props.showCheckbox - Whether to show selection checkboxes.\n * @param props.rowSelection - Initial row selection state.\n * @param props.kebabPosition - Position of row action menu.\n * @param props.persistRowKebabMenu - Keep row kebab menu visible.\n * @param props.persistHeaderKebabMenu - Keep header kebab menu visible.\n * @param props.persistNumerals - Keep row numerals visible.\n * @param props.enableSorting - Enable column sorting.\n * @param props.enableColumnReordering - Enable column reordering.\n * @param props.enableRowActions - Enable row action menu.\n * @param props.manualSorting - Use server-side sorting.\n * @param props.onSortChange - Callback when sort changes.\n * @param props.onColumnReorderChange - Callback when column order changes.\n * @param props.onRowSelectionChange - Callback when row selection changes.\n * @param props.fullWidth - Whether table uses full width.\n * @returns The rendered Table component.\n *\n * @example\n * ```tsx\n * <Table columns={columns} data={rows} enableSorting showCheckbox />\n * ```\n */\nexport function Table<T extends { id: Key }>({\n  children,\n  columns: columnsProp,\n  data: dataProp,\n  showCheckbox,\n  rowSelection: rowSelectionProp,\n  kebabPosition = 'right',\n  persistRowKebabMenu = true,\n  persistHeaderKebabMenu = true,\n  persistNumerals = false,\n  enableSorting = true,\n  enableColumnReordering = true,\n  enableRowActions = true,\n  manualSorting = false,\n  onSortChange,\n  onColumnReorderChange,\n  onRowSelectionChange,\n  fullWidth = false,\n  ...rest\n}: TableProps<T>) {\n  const {\n    items: data,\n    moveAfter,\n    moveBefore,\n  } = useListData({\n    initialItems: dataProp,\n  });\n  const [rowSelection, setRowSelection] = useState<RowSelectionState>(\n    rowSelectionProp ?? {},\n  );\n  const [columnSelection, setColumnSelection] = useState<string | null>(null);\n  const [rowPinning, setRowPinning] = useState<RowPinningState>({\n    top: [],\n    bottom: [],\n  });\n\n  /**\n   * moveUpSelectedRows moves the selected rows up in the table.\n   * It finds the first selected row, determines its index,\n   * and moves it before the previous row if it exists.\n   */\n  const moveRowsUp = useCallback(\n    (row: Row<T>, rows: Row<T>[]) => {\n      const isSelected = rowSelection[row.id];\n      const rowsToMove = isSelected\n        ? rows.filter(({ id }) => rowSelection[id])\n        : [row];\n      const firstRowToMove = rowsToMove[0];\n\n      if (!firstRowToMove || firstRowToMove.index === 0) {\n        return;\n      }\n\n      const prevRowId = rows[firstRowToMove.index - 1]?.id;\n\n      if (!prevRowId) {\n        return;\n      }\n\n      moveBefore(\n        prevRowId,\n        rowsToMove.map(({ id }) => id),\n      );\n    },\n    [rowSelection, moveBefore],\n  );\n\n  /**\n   * moveDownRows moves the selected or active rows down in the table.\n   * It finds the last selected row, determines its index,\n   * and moves it after the next row if it exists.\n   */\n  const moveRowsDown = useCallback(\n    (row: Row<T>, rows: Row<T>[]) => {\n      const isSelected = rowSelection[row.id];\n      const rowsToMove = isSelected\n        ? rows.filter(({ id }) => rowSelection[id])\n        : [row];\n      const lastRowToMove = rowsToMove[rowsToMove.length - 1];\n\n      if (!lastRowToMove || lastRowToMove.index === rows.length - 1) {\n        return;\n      }\n\n      const nextRowId = rows[lastRowToMove.index + 1]?.id;\n\n      if (!nextRowId) {\n        return;\n      }\n\n      moveAfter(\n        nextRowId,\n        rowsToMove.map(({ id }) => id),\n      );\n    },\n    [rowSelection, moveAfter],\n  );\n\n  /**\n   * actionColumn defines the actions available in the kebab menu for each row.\n   * It includes options to move the row up or down in the table.\n   */\n  // biome-ignore lint/correctness/useExhaustiveDependencies: can of worms to fix ticket added\n  const actionColumn: NonNullable<typeof columnsProp>[number] = useMemo(\n    () => ({\n      id: 'kebab',\n      cell: ({ row }) => (\n        <RowActionsMenu\n          moveRowsUp={moveRowsUp}\n          moveRowsDown={moveRowsDown}\n          row={row}\n          rows={getRowModel().rows}\n        />\n      ),\n      size: META_COLUMN_WIDTH,\n    }),\n    [moveRowsUp, moveRowsDown],\n  );\n\n  /**\n   * columns defines the structure of the table.\n   * It includes the action column and optionally a checkbox column.\n   * The kebab menu position can be set to 'left' or 'right'.\n   * If showCheckbox is true, a checkbox column is added.\n   */\n  const columns = useMemo<NonNullable<typeof columnsProp>>(\n    () => [\n      {\n        id: 'numeral',\n        cell: ({ row }) =>\n          row.getIsPinned() ? (\n            <Icon size='small'>\n              <Pin />\n            </Icon>\n          ) : (\n            <span data-testid='numeral'>{row.index + 1}</span>\n          ),\n        size: META_COLUMN_WIDTH,\n      },\n      ...(showCheckbox\n        ? ([\n            {\n              id: 'selection',\n              header: ({ table }) => (\n                <Checkbox\n                  isSelected={table.getIsAllRowsSelected()}\n                  isIndeterminate={table.getIsSomeRowsSelected()}\n                  onChange={table.toggleAllRowsSelected}\n                />\n              ),\n              cell: ({ row }) => (\n                <Checkbox\n                  isSelected={row.getIsSelected()}\n                  isIndeterminate={row.getIsSomeSelected()}\n                  onChange={row.toggleSelected}\n                />\n              ),\n              size: META_COLUMN_WIDTH,\n            },\n          ] satisfies NonNullable<typeof columnsProp>)\n        : []),\n      ...(kebabPosition === 'left' ? [actionColumn] : []),\n      ...(columnsProp ?? []),\n      ...(kebabPosition === 'right' ? [actionColumn] : []),\n    ],\n    [showCheckbox, columnsProp, kebabPosition, actionColumn],\n  );\n\n  const handleSortChange = (\n    columnId: string,\n    sortDirection: 'asc' | 'desc' | null,\n  ) => {\n    onSortChange?.(columnId, sortDirection);\n  };\n\n  const handleColumnReordering = (index: number) => {\n    onColumnReorderChange?.(index);\n  };\n\n  const handleRowSelectionChange = useCallback(\n    (\n      updaterOrValue:\n        | RowSelectionState\n        | ((old: RowSelectionState) => RowSelectionState),\n    ) => {\n      setRowSelection(updaterOrValue);\n      onRowSelectionChange?.(updaterOrValue);\n    },\n    [onRowSelectionChange],\n  );\n\n  const {\n    getHeaderGroups,\n    getTopRows,\n    getCenterRows,\n    getBottomRows,\n    getRowModel,\n    setColumnOrder,\n  } = useReactTable<T>({\n    data,\n    columns,\n    enableSorting,\n    initialState: {\n      columnOrder: columns.map(({ id }) => id ?? ''),\n      rowSelection: rowSelectionProp ?? {},\n    },\n    state: {\n      rowSelection,\n      rowPinning,\n    },\n    getRowId: (row, index) => {\n      // Use the index as the row ID if no unique identifier is available\n      return row.id ? row.id.toString() : index.toString();\n    },\n    enableRowSelection: true,\n    enableRowPinning: true,\n    manualSorting: manualSorting,\n    onRowSelectionChange: handleRowSelectionChange,\n    onRowPinningChange: setRowPinning,\n    getCoreRowModel: getCoreRowModel<T>(),\n    getSortedRowModel: getSortedRowModel<T>(),\n  });\n\n  const moveColumnLeft = useCallback(\n    (oldIndex: number) => {\n      setColumnOrder((order) => {\n        const newColumnOrder = [...order];\n        const newIndex = oldIndex - 1;\n\n        if (newIndex < 0) {\n          return order;\n        }\n\n        [newColumnOrder[oldIndex], newColumnOrder[newIndex]] = [\n          newColumnOrder[newIndex] as string,\n          newColumnOrder[oldIndex] as string,\n        ];\n\n        return newColumnOrder;\n      });\n    },\n    [setColumnOrder],\n  );\n\n  const moveColumnRight = useCallback(\n    (oldIndex: number) => {\n      setColumnOrder((order) => {\n        const newColumnOrder = [...order];\n        const newIndex = oldIndex + 1;\n\n        if (newIndex >= order.length) {\n          return order;\n        }\n\n        [newColumnOrder[oldIndex], newColumnOrder[newIndex]] = [\n          newColumnOrder[newIndex] as string,\n          newColumnOrder[oldIndex] as string,\n        ];\n\n        return newColumnOrder;\n      });\n    },\n    [setColumnOrder],\n  );\n\n  const className = clsx(fullWidth && 'w-full table-fixed', rest.className);\n\n  if (children) {\n    return (\n      <table {...rest} className={className}>\n        {children}\n      </table>\n    );\n  }\n\n  return (\n    <TableContext.Provider\n      value={{\n        persistRowKebabMenu,\n        persistHeaderKebabMenu,\n        persistNumerals,\n        enableSorting,\n        enableColumnReordering,\n        enableRowActions,\n        columnSelection,\n        setColumnSelection,\n        moveColumnLeft,\n        moveColumnRight,\n        manualSorting,\n        handleSortChange,\n        handleColumnReordering,\n      }}\n    >\n      <table {...rest} className={className}>\n        <TableHeader\n          headerGroups={getHeaderGroups()}\n          columnSelection={columnSelection}\n        />\n        <TableBody\n          rows={[...getTopRows(), ...getCenterRows(), ...getBottomRows()]}\n        />\n      </table>\n    </TableContext.Provider>\n  );\n}\n"],"mappings":"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"}

package/dist/components/table/row.d.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0
@@ -11,7 +11,7 @@
  */
 
 import { TableRowProps } from "./types.js";
-import * as react_jsx_runtime108 from "react/jsx-runtime";
+import * as react_jsx_runtime179 from "react/jsx-runtime";
 
 //#region src/components/table/row.d.ts
 
@@ -44,7 +44,7 @@ declare function TableRow<T>({
   className,
   row,
   ...rest
-}: TableRowProps<T>): react_jsx_runtime108.JSX.Element;
+}: TableRowProps<T>): react_jsx_runtime179.JSX.Element;
 //#endregion
 export { TableRow };
 //# sourceMappingURL=row.d.ts.map

package/dist/components/table/row.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0

package/dist/components/table/row.js.map

@@ -1 +1 @@
-{"version":3,"file":"row.js","names":[],"sources":["../../../src/components/table/row.tsx"],"sourcesContent":["// __private-exports\n/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { TableCell } from './cell';\nimport styles from './styles.module.css';\nimport type { TableRowProps } from './types';\n\n/**\n * TableRow - Table row (`<tr>`) with selection and pinning state.\n *\n * @example\n * ```tsx\n * <TableBody rows={rows}>\n *   {rows.map(row => (\n *     <TableRow key={row.id} row={row}>\n *       {row.getAllCells().map(cell => (\n *         <TableCell key={cell.id} cell={cell} />\n *       ))}\n *     </TableRow>\n *   ))}\n * </TableBody>\n * ```\n *\n * @param props - {@link TableRowProps}\n * @param props.ref - Ref to the tr element.\n * @param props.children - Custom children content.\n * @param props.className - CSS class for the tr element.\n * @param props.row - TanStack table row object.\n * @returns The rendered TableRow component.\n */\nexport function TableRow<T>({\n  ref,\n  children,\n  className,\n  row,\n  ...rest\n}: TableRowProps<T>) {\n  const cells = row?.getAllCells();\n\n  return (\n    <tr\n      {...rest}\n      ref={ref}\n      className={clsx('group/row', styles.row, className)}\n      data-pinned={row?.getIsPinned() || null}\n      data-selected={row?.getIsSelected() || null}\n    >\n      {children ||\n        cells?.map((cell) => <TableCell key={cell.id} cell={cell} />)}\n    </tr>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA,SAAgB,SAAY,EAC1B,KACA,UACA,WACA,KACA,GAAG,QACgB;CACnB,MAAM,QAAQ,KAAK,aAAa;AAEhC,QACE,oBAAC;EACC,GAAI;EACC;EACL,WAAW,KAAK,aAAa,OAAO,KAAK,UAAU;EACnD,eAAa,KAAK,aAAa,IAAI;EACnC,iBAAe,KAAK,eAAe,IAAI;YAEtC,YACC,OAAO,KAAK,SAAS,oBAAC,aAA8B,QAAf,KAAK,GAAkB,CAAC;GAC5D"}
+{"version":3,"file":"row.js","names":[],"sources":["../../../src/components/table/row.tsx"],"sourcesContent":["// __private-exports\n/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { TableCell } from './cell';\nimport styles from './styles.module.css';\nimport type { TableRowProps } from './types';\n\n/**\n * TableRow - Table row (`<tr>`) with selection and pinning state.\n *\n * @example\n * ```tsx\n * <TableBody rows={rows}>\n *   {rows.map(row => (\n *     <TableRow key={row.id} row={row}>\n *       {row.getAllCells().map(cell => (\n *         <TableCell key={cell.id} cell={cell} />\n *       ))}\n *     </TableRow>\n *   ))}\n * </TableBody>\n * ```\n *\n * @param props - {@link TableRowProps}\n * @param props.ref - Ref to the tr element.\n * @param props.children - Custom children content.\n * @param props.className - CSS class for the tr element.\n * @param props.row - TanStack table row object.\n * @returns The rendered TableRow component.\n */\nexport function TableRow<T>({\n  ref,\n  children,\n  className,\n  row,\n  ...rest\n}: TableRowProps<T>) {\n  const cells = row?.getAllCells();\n\n  return (\n    <tr\n      {...rest}\n      ref={ref}\n      className={clsx('group/row', styles.row, className)}\n      data-pinned={row?.getIsPinned() || null}\n      data-selected={row?.getIsSelected() || null}\n    >\n      {children ||\n        cells?.map((cell) => <TableCell key={cell.id} cell={cell} />)}\n    </tr>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA,SAAgB,SAAY,EAC1B,KACA,UACA,WACA,KACA,GAAG,QACgB;CACnB,MAAM,QAAQ,KAAK,aAAa;AAEhC,QACE,oBAAC;EACC,GAAI;EACC;EACL,WAAW,KAAK,aAAa,OAAO,KAAK,UAAU;EACnD,eAAa,KAAK,aAAa,IAAI;EACnC,iBAAe,KAAK,eAAe,IAAI;YAEtC,YACC,OAAO,KAAK,SAAS,oBAAC,aAA8B,QAAf,KAAK,GAAkB,CAAC;GAC5D"}

package/dist/components/table/styles.module.css

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0

package/dist/components/table/types.d.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0

package/dist/components/table/types.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0

package/dist/components/tabs/constants.d.ts

@@ -0,0 +1,19 @@
+/*
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+import { TabStyleProps } from "./types.js";
+
+//#region src/components/tabs/constants.d.ts
+declare const TabStyleDefaults: Required<TabStyleProps>;
+//#endregion
+export { TabStyleDefaults };
+//# sourceMappingURL=constants.d.ts.map

package/dist/components/tabs/constants.js

@@ -0,0 +1,23 @@
+/*
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+
+//#region src/components/tabs/constants.ts
+const TabStyleDefaults = {
+	orientation: "horizontal",
+	align: "start",
+	flex: true
+};
+
+//#endregion
+export { TabStyleDefaults };
+//# sourceMappingURL=constants.js.map

package/dist/components/tabs/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":["TabStyleDefaults: Required<TabStyleProps>"],"sources":["../../../src/components/tabs/constants.ts"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport type { TabStyleProps } from './types';\n\nexport const TabStyleDefaults: Required<TabStyleProps> = {\n  orientation: 'horizontal',\n  align: 'start',\n  flex: true,\n};\n"],"mappings":";;;;;;;;;;;;;;AAcA,MAAaA,mBAA4C;CACvD,aAAa;CACb,OAAO;CACP,MAAM;CACP"}

package/dist/components/tabs/context.d.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0
@@ -11,15 +11,15 @@
  */
 
 import { ProviderProps } from "../../lib/types.js";
-import { TabsProps as TabsProps$1 } from "./types.js";
+import { TabProps as TabProps$1, TabsProps as TabsProps$1 } from "./types.js";
 import "client-only";
-import * as react19 from "react";
+import * as react44 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime77 from "react/jsx-runtime";
+import * as react_jsx_runtime180 from "react/jsx-runtime";
 
 //#region src/components/tabs/context.d.ts
 /** Context for sharing props across Tabs components */
-declare const TabsContext: react19.Context<ContextValue<TabsProps$1, HTMLDivElement>>;
+declare const TabsContext: react44.Context<ContextValue<TabsProps$1, HTMLDivElement>>;
 /**
  * Sets default props for all Tabs components within.
  *
@@ -42,7 +42,12 @@ declare const TabsContext: react19.Context<ContextValue<TabsProps$1, HTMLDivElem
 declare function TabsProvider({
   children,
   ...props
-}: ProviderProps<TabsProps$1>): react_jsx_runtime77.JSX.Element;
+}: ProviderProps<TabsProps$1>): react_jsx_runtime180.JSX.Element;
+declare const TabContext: react44.Context<ContextValue<TabProps$1, Element>>;
+declare function TabProvider({
+  children,
+  ...props
+}: ProviderProps<TabProps$1>): react_jsx_runtime180.JSX.Element;
 //#endregion
-export { TabsContext, TabsProvider };
+export { TabContext, TabProvider, TabsContext, TabsProvider };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/tabs/context.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0
@@ -45,7 +45,14 @@ function TabsProvider({ children, ...props }) {
 		children
 	});
 }
+const TabContext = createContext(null);
+function TabProvider({ children, ...props }) {
+	return /* @__PURE__ */ jsx(TabContext.Provider, {
+		value: props,
+		children
+	});
+}
 
 //#endregion
-export { TabsContext, TabsProvider };
+export { TabContext, TabProvider, TabsContext, TabsProvider };
 //# sourceMappingURL=context.js.map

package/dist/components/tabs/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/tabs/context.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { ProviderProps } from '@/lib/types';\nimport type { TabsProps } from './types';\n\n/** Context for sharing props across Tabs components */\nexport const TabsContext =\n  createContext<ContextValue<TabsProps, HTMLDivElement>>(null);\n\n/**\n * Sets default props for all Tabs components within.\n *\n * @example\n * ```tsx\n * <TabsProvider orientation=\"vertical\">\n *   <Tabs>\n *     <TabList>\n *       <Tab>Profile</Tab>\n *       <Tab>Settings</Tab>\n *     </TabList>\n *   </Tabs>\n * </TabsProvider>\n * ```\n *\n * @param props - ProviderProps with TabsProps.\n * @param props.children - Child components that receive the context.\n * @returns The TabsContext provider wrapping children.\n */\nexport function TabsProvider({ children, ...props }: ProviderProps<TabsProps>) {\n  return <TabsContext.Provider value={props}>{children}</TabsContext.Provider>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqBA,MAAa,cACX,cAAuD,KAAK;;;;;;;;;;;;;;;;;;;;AAqB9D,SAAgB,aAAa,EAAE,UAAU,GAAG,SAAmC;AAC7E,QAAO,oBAAC,YAAY;EAAS,OAAO;EAAQ;GAAgC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/tabs/context.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { ProviderProps } from '@/lib/types';\nimport type { TabProps, TabsProps } from './types';\n\n/** Context for sharing props across Tabs components */\nexport const TabsContext =\n  createContext<ContextValue<TabsProps, HTMLDivElement>>(null);\n\n/**\n * Sets default props for all Tabs components within.\n *\n * @example\n * ```tsx\n * <TabsProvider orientation=\"vertical\">\n *   <Tabs>\n *     <TabList>\n *       <Tab>Profile</Tab>\n *       <Tab>Settings</Tab>\n *     </TabList>\n *   </Tabs>\n * </TabsProvider>\n * ```\n *\n * @param props - ProviderProps with TabsProps.\n * @param props.children - Child components that receive the context.\n * @returns The TabsContext provider wrapping children.\n */\nexport function TabsProvider({ children, ...props }: ProviderProps<TabsProps>) {\n  return <TabsContext.Provider value={props}>{children}</TabsContext.Provider>;\n}\n\nexport const TabContext = createContext<ContextValue<TabProps, Element>>(null);\n\nexport function TabProvider({ children, ...props }: ProviderProps<TabProps>) {\n  return <TabContext.Provider value={props}>{children}</TabContext.Provider>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqBA,MAAa,cACX,cAAuD,KAAK;;;;;;;;;;;;;;;;;;;;AAqB9D,SAAgB,aAAa,EAAE,UAAU,GAAG,SAAmC;AAC7E,QAAO,oBAAC,YAAY;EAAS,OAAO;EAAQ;GAAgC;;AAG9E,MAAa,aAAa,cAA+C,KAAK;AAE9E,SAAgB,YAAY,EAAE,UAAU,GAAG,SAAkC;AAC3E,QAAO,oBAAC,WAAW;EAAS,OAAO;EAAQ;GAA+B"}

package/dist/components/tabs/index.d.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0
@@ -12,7 +12,7 @@
 
 import { TabsProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime140 from "react/jsx-runtime";
+import * as react_jsx_runtime182 from "react/jsx-runtime";
 
 //#region src/components/tabs/index.d.ts
 
@@ -25,6 +25,8 @@ import * as react_jsx_runtime140 from "react/jsx-runtime";
  * @param props.ref - Ref to the tabs container element.
  * @param props.children - TabList and TabPanel components.
  * @param props.className - CSS class for the tabs container.
+ * @param props.align - Justification alignment passed down to Tab components. (only applicable when orientation is horizontal)
+ * @param props.flex - Boolean passed down to Tab components. (only applicable when orientation is horizontal)
  * @returns The rendered Tabs component.
  *
  * @example
@@ -42,7 +44,7 @@ import * as react_jsx_runtime140 from "react/jsx-runtime";
 declare function Tabs({
   ref,
   ...props
-}: TabsProps): react_jsx_runtime140.JSX.Element;
+}: TabsProps): react_jsx_runtime182.JSX.Element;
 //#endregion
 export { Tabs };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/tabs/index.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0
@@ -13,7 +13,8 @@
 
 'use client';
 
-import { TabsContext } from "./context.js";
+import { TabStyleDefaults } from "./constants.js";
+import { TabProvider, TabsContext } from "./context.js";
 import "client-only";
 import { clsx } from "@accelint/design-foundation/lib/utils";
 import { Tabs as Tabs$1, composeRenderProps, useContextProps } from "react-aria-components";
@@ -30,6 +31,8 @@ import styles from "./styles.module.css";
 * @param props.ref - Ref to the tabs container element.
 * @param props.children - TabList and TabPanel components.
 * @param props.className - CSS class for the tabs container.
+* @param props.align - Justification alignment passed down to Tab components. (only applicable when orientation is horizontal)
+* @param props.flex - Boolean passed down to Tab components. (only applicable when orientation is horizontal)
 * @returns The rendered Tabs component.
 *
 * @example
@@ -46,12 +49,19 @@ import styles from "./styles.module.css";
 */
 function Tabs({ ref, ...props }) {
 	[props, ref] = useContextProps(props, ref ?? null, TabsContext);
-	const { children, className, ...rest } = props;
-	return /* @__PURE__ */ jsx(Tabs$1, {
-		...rest,
-		ref,
-		className: composeRenderProps(className, (className$1) => clsx("group/tabs", styles.tabs, className$1)),
-		children
+	const { children, className, align, flex, ...rest } = {
+		...TabStyleDefaults,
+		...props
+	};
+	return /* @__PURE__ */ jsx(TabProvider, {
+		align,
+		flex,
+		children: /* @__PURE__ */ jsx(Tabs$1, {
+			...rest,
+			ref,
+			className: composeRenderProps(className, (className$1) => clsx("group/tabs", styles.tabs, className$1)),
+			children
+		})
 	});
 }
 

package/dist/components/tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["AriaTabs","className"],"sources":["../../../src/components/tabs/index.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  Tabs as AriaTabs,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { TabsContext } from './context';\nimport styles from './styles.module.css';\nimport type { TabsProps } from './types';\n\n/**\n * Tabs - Tab navigation for organizing content into multiple sections\n *\n * Supports horizontal and vertical orientations with text or icon tabs.\n *\n * @param props - {@link TabsProps}\n * @param props.ref - Ref to the tabs container element.\n * @param props.children - TabList and TabPanel components.\n * @param props.className - CSS class for the tabs container.\n * @returns The rendered Tabs component.\n *\n * @example\n * ```tsx\n * <Tabs>\n *   <TabList>\n *     <Tab id=\"overview\">Overview</Tab>\n *     <Tab id=\"settings\">Settings</Tab>\n *   </TabList>\n *   <TabPanel id=\"overview\">Overview content</TabPanel>\n *   <TabPanel id=\"settings\">Settings content</TabPanel>\n * </Tabs>\n * ```\n */\nexport function Tabs({ ref, ...props }: TabsProps) {\n  [props, ref] = useContextProps(props, ref ?? null, TabsContext);\n\n  const { children, className, ...rest } = props;\n\n  return (\n    <AriaTabs\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(className, (className) =>\n        clsx('group/tabs', styles.tabs, className),\n      )}\n    >\n      {children}\n    </AriaTabs>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDA,SAAgB,KAAK,EAAE,KAAK,GAAG,SAAoB;AACjD,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,YAAY;CAE/D,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS;AAEzC,QACE,oBAACA;EACC,GAAI;EACC;EACL,WAAW,mBAAmB,YAAY,gBACxC,KAAK,cAAc,OAAO,MAAMC,YAAU,CAC3C;EAEA;GACQ"}
+{"version":3,"file":"index.js","names":["AriaTabs","className"],"sources":["../../../src/components/tabs/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  Tabs as AriaTabs,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { TabStyleDefaults } from './constants';\nimport { TabProvider, TabsContext } from './context';\nimport styles from './styles.module.css';\nimport type { TabsProps } from './types';\n\n/**\n * Tabs - Tab navigation for organizing content into multiple sections\n *\n * Supports horizontal and vertical orientations with text or icon tabs.\n *\n * @param props - {@link TabsProps}\n * @param props.ref - Ref to the tabs container element.\n * @param props.children - TabList and TabPanel components.\n * @param props.className - CSS class for the tabs container.\n * @param props.align - Justification alignment passed down to Tab components. (only applicable when orientation is horizontal)\n * @param props.flex - Boolean passed down to Tab components. (only applicable when orientation is horizontal)\n * @returns The rendered Tabs component.\n *\n * @example\n * ```tsx\n * <Tabs>\n *   <TabList>\n *     <Tab id=\"overview\">Overview</Tab>\n *     <Tab id=\"settings\">Settings</Tab>\n *   </TabList>\n *   <TabPanel id=\"overview\">Overview content</TabPanel>\n *   <TabPanel id=\"settings\">Settings content</TabPanel>\n * </Tabs>\n * ```\n */\nexport function Tabs({ ref, ...props }: TabsProps) {\n  [props, ref] = useContextProps(props, ref ?? null, TabsContext);\n\n  const { children, className, align, flex, ...rest } = {\n    ...TabStyleDefaults,\n    ...props,\n  };\n\n  return (\n    <TabProvider align={align} flex={flex}>\n      <AriaTabs\n        {...rest}\n        ref={ref}\n        className={composeRenderProps(className, (className) =>\n          clsx('group/tabs', styles.tabs, className),\n        )}\n      >\n        {children}\n      </AriaTabs>\n    </TabProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDA,SAAgB,KAAK,EAAE,KAAK,GAAG,SAAoB;AACjD,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,YAAY;CAE/D,MAAM,EAAE,UAAU,WAAW,OAAO,MAAM,GAAG,SAAS;EACpD,GAAG;EACH,GAAG;EACJ;AAED,QACE,oBAAC;EAAmB;EAAa;YAC/B,oBAACA;GACC,GAAI;GACC;GACL,WAAW,mBAAmB,YAAY,gBACxC,KAAK,cAAc,OAAO,MAAMC,YAAU,CAC3C;GAEA;IACQ;GACC"}

package/dist/components/tabs/list.d.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0
@@ -12,7 +12,7 @@
 
 import "client-only";
 import { TabListProps } from "react-aria-components";
-import * as react_jsx_runtime142 from "react/jsx-runtime";
+import * as react_jsx_runtime201 from "react/jsx-runtime";
 
 //#region src/components/tabs/list.d.ts
 
@@ -40,7 +40,7 @@ declare function TabList<T extends object>({
   children,
   className,
   ...rest
-}: TabListProps<T>): react_jsx_runtime142.JSX.Element;
+}: TabListProps<T>): react_jsx_runtime201.JSX.Element;
 //#endregion
 export { TabList };
 //# sourceMappingURL=list.d.ts.map

package/dist/components/tabs/list.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0

package/dist/components/tabs/list.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.js","names":["AriaTabList","className"],"sources":["../../../src/components/tabs/list.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  TabList as AriaTabList,\n  composeRenderProps,\n  type TabListProps,\n} from 'react-aria-components';\nimport styles from './styles.module.css';\n\n/**\n * TabList - Container for Tab components.\n *\n * @example\n * ```tsx\n * <Tabs>\n *   <TabList>\n *     <Tab id=\"profile\">Profile</Tab>\n *     <Tab id=\"settings\">Settings</Tab>\n *   </TabList>\n *   <TabPanel id=\"profile\">Profile content</TabPanel>\n *   <TabPanel id=\"settings\">Settings content</TabPanel>\n * </Tabs>\n * ```\n *\n * @param props - TabListProps from react-aria-components.\n * @param props.children - Tab components to render.\n * @param props.className - CSS class for the tab list.\n * @returns The rendered TabList component.\n */\nexport function TabList<T extends object>({\n  children,\n  className,\n  ...rest\n}: TabListProps<T>) {\n  return (\n    <AriaTabList<T>\n      {...rest}\n      className={composeRenderProps(className, (className) =>\n        clsx(styles.list, className),\n      )}\n    >\n      {children}\n    </AriaTabList>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,SAAgB,QAA0B,EACxC,UACA,WACA,GAAG,QACe;AAClB,QACE,oBAACA;EACC,GAAI;EACJ,WAAW,mBAAmB,YAAY,gBACxC,KAAK,OAAO,MAAMC,YAAU,CAC7B;EAEA;GACW"}
+{"version":3,"file":"list.js","names":["AriaTabList","className"],"sources":["../../../src/components/tabs/list.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  TabList as AriaTabList,\n  composeRenderProps,\n  type TabListProps,\n} from 'react-aria-components';\nimport styles from './styles.module.css';\n\n/**\n * TabList - Container for Tab components.\n *\n * @example\n * ```tsx\n * <Tabs>\n *   <TabList>\n *     <Tab id=\"profile\">Profile</Tab>\n *     <Tab id=\"settings\">Settings</Tab>\n *   </TabList>\n *   <TabPanel id=\"profile\">Profile content</TabPanel>\n *   <TabPanel id=\"settings\">Settings content</TabPanel>\n * </Tabs>\n * ```\n *\n * @param props - TabListProps from react-aria-components.\n * @param props.children - Tab components to render.\n * @param props.className - CSS class for the tab list.\n * @returns The rendered TabList component.\n */\nexport function TabList<T extends object>({\n  children,\n  className,\n  ...rest\n}: TabListProps<T>) {\n  return (\n    <AriaTabList<T>\n      {...rest}\n      className={composeRenderProps(className, (className) =>\n        clsx(styles.list, className),\n      )}\n    >\n      {children}\n    </AriaTabList>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,SAAgB,QAA0B,EACxC,UACA,WACA,GAAG,QACe;AAClB,QACE,oBAACA;EACC,GAAI;EACJ,WAAW,mBAAmB,YAAY,gBACxC,KAAK,OAAO,MAAMC,YAAU,CAC7B;EAEA;GACW"}

package/dist/components/tabs/panel.d.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0
@@ -12,7 +12,7 @@
 
 import "client-only";
 import { TabPanelProps } from "react-aria-components";
-import * as react_jsx_runtime143 from "react/jsx-runtime";
+import * as react_jsx_runtime183 from "react/jsx-runtime";
 
 //#region src/components/tabs/panel.d.ts
 
@@ -41,7 +41,7 @@ declare function TabPanel({
   children,
   className,
   ...rest
-}: TabPanelProps): react_jsx_runtime143.JSX.Element;
+}: TabPanelProps): react_jsx_runtime183.JSX.Element;
 //#endregion
 export { TabPanel };
 //# sourceMappingURL=panel.d.ts.map

package/dist/components/tabs/panel.js

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0

package/dist/components/tabs/panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"panel.js","names":["AriaTabPanel","className"],"sources":["../../../src/components/tabs/panel.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  TabPanel as AriaTabPanel,\n  composeRenderProps,\n  type TabPanelProps,\n} from 'react-aria-components';\nimport styles from './styles.module.css';\n\n/**\n * TabPanel - Content panel displayed when its corresponding Tab is selected.\n *\n * @example\n * ```tsx\n * <Tabs>\n *   <TabList>\n *     <Tab id=\"profile\">Profile</Tab>\n *   </TabList>\n *   <TabPanel id=\"profile\">\n *     <h2>Profile Information</h2>\n *     <p>User profile content</p>\n *   </TabPanel>\n * </Tabs>\n * ```\n *\n * @param props - TabPanelProps from react-aria-components.\n * @param props.children - Panel content.\n * @param props.className - CSS class for the panel.\n * @returns The rendered TabPanel component.\n */\nexport function TabPanel({ children, className, ...rest }: TabPanelProps) {\n  return (\n    <AriaTabPanel\n      {...rest}\n      className={composeRenderProps(className, (className) =>\n        clsx(styles.panel, className),\n      )}\n    >\n      {children}\n    </AriaTabPanel>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA,SAAgB,SAAS,EAAE,UAAU,WAAW,GAAG,QAAuB;AACxE,QACE,oBAACA;EACC,GAAI;EACJ,WAAW,mBAAmB,YAAY,gBACxC,KAAK,OAAO,OAAOC,YAAU,CAC9B;EAEA;GACY"}
+{"version":3,"file":"panel.js","names":["AriaTabPanel","className"],"sources":["../../../src/components/tabs/panel.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  TabPanel as AriaTabPanel,\n  composeRenderProps,\n  type TabPanelProps,\n} from 'react-aria-components';\nimport styles from './styles.module.css';\n\n/**\n * TabPanel - Content panel displayed when its corresponding Tab is selected.\n *\n * @example\n * ```tsx\n * <Tabs>\n *   <TabList>\n *     <Tab id=\"profile\">Profile</Tab>\n *   </TabList>\n *   <TabPanel id=\"profile\">\n *     <h2>Profile Information</h2>\n *     <p>User profile content</p>\n *   </TabPanel>\n * </Tabs>\n * ```\n *\n * @param props - TabPanelProps from react-aria-components.\n * @param props.children - Panel content.\n * @param props.className - CSS class for the panel.\n * @returns The rendered TabPanel component.\n */\nexport function TabPanel({ children, className, ...rest }: TabPanelProps) {\n  return (\n    <AriaTabPanel\n      {...rest}\n      className={composeRenderProps(className, (className) =>\n        clsx(styles.panel, className),\n      )}\n    >\n      {children}\n    </AriaTabPanel>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA,SAAgB,SAAS,EAAE,UAAU,WAAW,GAAG,QAAuB;AACxE,QACE,oBAACA;EACC,GAAI;EACJ,WAAW,mBAAmB,YAAY,gBACxC,KAAK,OAAO,OAAOC,YAAU,CAC9B;EAEA;GACY"}

package/dist/components/tabs/styles.module.css

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0
@@ -14,14 +14,14 @@
 
 @layer components.l1 {
   .tabs {
-    @apply flex w-fit;
+    @apply flex;
 
     @variant orientation-horizontal {
       @apply flex-col;
     }
 
     @variant orientation-vertical {
-      @apply flex-row;
+      @apply h-full flex-row;
     }
   }
 
@@ -29,16 +29,22 @@
     @apply flex;
 
     @variant orientation-horizontal {
-      @apply flex-row;
+      @apply relative w-full flex-row;
+
+      &:before {
+        @apply absolute bottom-0 left-0 block h-px w-full bg-(--outline-static);
+        content: '';
+      }
     }
 
     @variant orientation-vertical {
-      @apply flex-col;
+      @apply h-full flex-col;
     }
   }
 
   .tab {
-    @apply fg-primary-muted rounded-small p-s relative cursor-pointer;
+    @apply gap-xs fg-primary-muted rounded-small p-s relative flex cursor-pointer items-center;
+    max-width: 200px;
 
     @variant hover {
       @apply fg-primary-bold;
@@ -76,6 +82,18 @@
         content: '';
       }
 
+      &.flex {
+        @apply grow;
+      }
+
+      &.center {
+        @apply justify-center;
+      }
+
+      &.end {
+        @apply justify-end;
+      }
+
       @variant hover {
         &:after {
           @apply bg-(--outline-interactive-hover);
@@ -119,6 +137,10 @@
       }
     }
 
+    @variant group-orientation-vertical/tabs {
+      @apply flex-col;
+    }
+
     @variant disabled {
       @apply fg-disabled cursor-not-allowed;
 

package/dist/components/tabs/tab.d.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License. You may obtain a copy
  * of the License at https://www.apache.org/licenses/LICENSE-2.0
@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
+import { TabProps } from "./types.js";
 import "client-only";
-import { TabProps } from "react-aria-components";
-import * as react_jsx_runtime145 from "react/jsx-runtime";
+import * as react_jsx_runtime203 from "react/jsx-runtime";
 
 //#region src/components/tabs/tab.d.ts
 
@@ -31,13 +31,14 @@ import * as react_jsx_runtime145 from "react/jsx-runtime";
  * @param props - TabProps from react-aria-components.
  * @param props.children - Tab label content.
  * @param props.className - CSS class for the tab.
+ * @param props.align - Justification alignment for content within the Tab (only applicable when orientation is horizontal)
+ * @param props.flex - Boolean to determine if the Tab should grow in size (up to a max width). (only applicable when orientation is horizontal)
  * @returns The rendered Tab component.
  */
 declare function Tab({
-  children,
-  className,
-  ...rest
-}: TabProps): react_jsx_runtime145.JSX.Element;
+  ref,
+  ...props
+}: TabProps): react_jsx_runtime203.JSX.Element;
 //#endregion
 export { Tab };
 //# sourceMappingURL=tab.d.ts.map