current theme logic maybe not support jsx inner getValue ?

[vaynevayne]

   { table.getRowModel().rows.map((row) => (
                  <TableRow
                    key={row.id}
                    className={slots.tr({class: clsx(classNames?.tr))}
                    data-state={row.getIsSelected() && "selected"}
                  >
                    {row.getVisibleCells().map((cell) => (
                      <TableCell
                        key={cell.id}
                        className={slots.td({
                          class:
                            clsx(classNames?.td) + cell.column.getIsPinned()
                              ? `sticky bg-white  ${
                                  cell.column.getIsPinned() === "left" ? "left-0" : "right-0"
                                }`
                              : "",
                        })}
                      >
                        {flexRender(cell.column.columnDef.cell, cell.getContext())}
                      </TableCell>
                    ))}
                  </TableRow>
                ))
              ) }

Wouldn't it break the current design of the system to need to fetch values in jsx and use the trinomial operator to select variables within theme?

// theme/src/component/table
    isMultiSelectable: {
      true: {
        td: [
          // first
          "group-data-[first=true]:first:before:rounded-tl-lg",
          "group-data-[first=true]:last:before:rounded-tr-lg",
          // middle
          "group-data-[middle=true]:before:rounded-none",
          // last
          "group-data-[last=true]:first:before:rounded-bl-lg",
          "group-data-[last=true]:last:before:rounded-br-lg",
        ],
      },
      false: {
        td: ["first:before:rounded-l-lg", "last:before:rounded-r-lg"],
      },
    },